我刚刚探索了react.js,我认为它很棒,但我有一个问题。 您知道如何使用 React.js 渲染 extjs 布局吗?
我知道react.js旨在创建组件
,而不是整个布局。所以我认为我需要使它们相对(组件之间的链接操作,例如按钮,使用其他输入组件中的文本更改某些 div 的值?)
感谢您的任何想法。
最佳答案
将更改传播到第一个共同祖先,该祖先将值保持在其状态
中,并且使用该值的组件通过其props
发送该值
即
ColorChangeButton = React.createClass({
render: function() {
return <button
onClick={this.props.onChangeColor}
className={this.props.color} />
}
});
ColoredDiv = React.createClass({
render: function() {
return <div className={this.props.color} />
}
});
Container = React.createClass({
getInitialState: function() {
return { color:"blue" }
},
onChangeColor: function() {
this.setState({color:"red"})
},
render: function() {
return (
<section>
<ColorChangeButton
color={this.state.color}
onChangeColor={this.onChangeColor} />
<ColoredDiv color={this.state.color} />
</section>
)
}
})
关于javascript - React.js 和 ExtJS 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19357570/