Javascript 输入类型文本';使用React JS时未更新s值
我正在使用React JS呈现输入type=“text”。我知道如果使用Javascript 输入类型文本';使用React JS时未更新s值,javascript,reactjs,Javascript,Reactjs,我正在使用React JS呈现输入type=“text”。我知道如果使用值属性,React将呈现一个只读文本框。因此,我自己写了一个小组件(见下文) React.createClass({ getInitialState:函数(){ var self=这个; 返回{value:self.renderDefault(self.props.value',)}; }, 更改:功能(事件){ this.setState({value:event.target.value}); if(this.props
值
属性,React将呈现一个只读文本框。因此,我自己写了一个小组件(见下文)
React.createClass({
getInitialState:函数(){
var self=这个;
返回{value:self.renderDefault(self.props.value',)};
},
更改:功能(事件){
this.setState({value:event.target.value});
if(this.props.onChange){
this.props.onChange(事件);
}
},
renderDefault:函数(值、默认值){
返回值的类型!==“未定义”?值:defaultValue;
},
render:function(){
var值=this.state.value;
返回();
}
});
每次尝试使用不同的值渲染此组件时,我都看不到该组件使用更新的值进行更新
每次我尝试使用不同的值渲染该组件时,我都看不到该组件使用更新的值进行更新
你是说你在跑步
<MyComponent value={someValue} />
从文档中:
当组件接收新道具时调用。初始渲染时不调用此方法
通过使用this.setState()
更新状态,在调用render()
之前,利用此机会对道具转换作出反应。可以通过this.props
访问旧道具。在此函数中调用this.setState()
,将不会触发其他渲染
省去了我很多头疼的事。谢谢
<MyComponent value={someValue} />
componentWillReceiveProps: function(nextProps) {
this.setState({value: nextProps.value});
}