Мы столкнулись с некоторыми проблемами в использовании реакции, но это вроде как то, что мы использовали, реагируя.
Как мы должны показывать/скрывать дочерние компоненты?
Вот как мы его закодировали (это только фрагменты наших компонентов)...
_click: function() {
if ($('#add-here').is(':empty'))
React.render(<Child />, $('#add-here')[0]);
else
React.unmountComponentAtNode($('#add-here')[0]);
},
render: function() {
return(
<div>
<div onClick={this._click}>Parent - click me to add child</div>
<div id="add-here"></div>
</div>
)
}
и в последнее время я читал примеры, как это должно было быть где-то в этом направлении:
getInitialState: function () {
return { showChild: false };
},
_click: function() {
this.setState({showChild: !this.state.showChild});
},
render: function() {
return(
<div>
<div onClick={this._click}>Parent - click me to add child</div>
{this.state.showChild ? <Child /> : null}
</div>
)
}
Должен ли я использовать этот React.render()? Кажется, он останавливает различные вещи, такие как shouldComponentUpdate
, чтобы каскад для ребенка и такие вещи, как e.stopPropagation
...