Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 输入类型文本';使用React JS时未更新s值_Javascript_Reactjs - Fatal编程技术网

Javascript 输入类型文本';使用React JS时未更新s值

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 JS呈现输入type=“text”。我知道如果使用
属性,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});
}