Reactjs 在react js中更改onclick的值
当我点击“更改文本”按钮时,它应该用该值替换文本(TodoApplication),如果它是空值(应该替换空标题),则该值在此代码中没有更改!任何人都可以编辑代码以获得解决方案Reactjs 在react js中更改onclick的值,reactjs,react-native,react-jsx,Reactjs,React Native,React Jsx,当我点击“更改文本”按钮时,它应该用该值替换文本(TodoApplication),如果它是空值(应该替换空标题),则该值在此代码中没有更改!任何人都可以编辑代码以获得解决方案 var TodoApp=React.createClass({ getInitialState:函数(){ 返回{items:[]}; }, updateItems:函数(newItem){ var allItems=this.state.items.concat([newItem]); this.setState({
var TodoApp=React.createClass({
getInitialState:函数(){
返回{items:[]};
},
updateItems:函数(newItem){
var allItems=this.state.items.concat([newItem]);
this.setState({items:allItems});
},
render:function(){
返回(
);
}
});
var TodoBanner=React.createClass({
render:function(){
返回(
TODO应用程序
);
}
});
var TodoList=React.createClass({
render:function(){
var createItem=函数(itemText){
返回(
{itemText}
);
};
返回{this.props.items.map(createItem)}
;
}
});
var TodoListItem=React.createClass({
render:function(){
返回(
{this.props.children}
);
}
});
var TodoForm=React.createClass({
getInitialState:函数(){
返回{项:“”};
},
handleSubmit:函数(e){
e、 预防默认值();
this.props.onFormSubmit(this.state.item);
this.setState({item:'});
React.findDOMNode(this.refs.item).focus();
返回;
},
onChange:函数(e){
this.setState({item:e.target.value});
},
render:function(){
返回(
);
}
});
ReactDOM.render(
,document.getElementById('todo')代码>
恐怕我不明白你的意思。你是说这样的事吗
如果是这样,为了更改“Todo应用程序”文本,您应该将表单状态发送到上面的组件
因此,TodoBanner
可以作为道具访问“该表单状态”。(参见示例代码)请正确解释您的问题。好的!实际上,我想更改todobanner函数()中的文本,第二个输入框的值为get from user on click second button in render函数()中的帮助我@RIYAJKHAN@gkraj看到我的答案了吗