Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[3.144.227.231] |
|
Сообщ.
#1
,
|
|
|
Всем привет!
Есть ли специалисты по React.js? К сожалению, в тырнете мало информации для начинающих с этой библиотекой. Хочу добавить класс к картинке, при hover'е. Нашёл решение: https://stackoverflow.com/questions/4457572...-class-on-hover Событие обрабатывается, но класс не добавляется. Вот код, что тут не так? import React from 'react'; import ReactDOM from 'react-dom'; class ServicesRow extends React.Component { handleHover(){ this.setState({ isHovered: !this.state.isHovered }); } render() { this.state = { isHovered: false }; const imgClass = this.state.isHovered ? "animated pulse" : ""; return ( <div className="row"> <div className="col-md-6 col-lg-4 wow fadeInUp" data-wow-duration="3s"> <img src="http://lorempixel.com/400/200/" className={imgClass} onMouseEnter={this.handleHover.bind(this)} onMouseLeave={this.handleHover.bind(this)} alt="Interneto svetainių kūrimas" /> </div> </div> ) } } module.exports = ServicesRow; |
Сообщ.
#2
,
|
|
|
Вопрос на засыпку - а нахрена менять класс и делать ререндер, когда для этого есть CSS?
|
Сообщ.
#3
,
|
|
|
В React.js часто юзают инлайн стили.
К слову, вопрос решил - не хватало конструктора: constructor(props) { super(props); this.state = { isHovered: false }; } |
Сообщ.
#4
,
|
|
|
Цитата Kuzma @ К сожалению, в тырнете мало информации для начинающих с этой библиотекой. книжки есть там написано что да как |
Сообщ.
#5
,
|
|
|
Цитата книжки есть там написано что да как ага, либо устаревшие методы, либо для экспертов |
Сообщ.
#6
,
|
|
|
Цитата Kuzma @ Цитата книжки есть там написано что да как ага, либо устаревшие методы, либо для экспертов еще один вот например "ReactJS by Example - Building Modern Web Applications with React" Vipul, Prathamesh, Sonpatk, эта как тебе тоже устаревшая? или вот книжка вышла для начинающих "React.js Быстрый старт. Стоян Стефанов, 2017" возможно тоже устарела, но же не чайник да? совмещай чтение книжки и просмотр офиц.документации ReactJS |
Сообщ.
#7
,
|
|
|
Не спорю
Но там не будет ответов на интересующие сейчас меня вопросы: почему полностью не работает сторонний jQuery слайдер, как передать не событие onClick через массив в другой компонент и т.д. Всё это хорошо для базы, но специфические вопросы решить без сторонней помощи не поможет |
Сообщ.
#8
,
|
|
|
Цитата Kuzma @ Не спорю Но там не будет ответов на интересующие сейчас меня вопросы: почему полностью не работает сторонний jQuery слайдер, как передать не событие onClick через массив в другой компонент и т.д. Всё это хорошо для базы, но специфические вопросы решить без сторонней помощи не поможет ну да форум на то и нужен |
Сообщ.
#9
,
|
|
|
Так точно
|