Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.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
Reactjs 无法在文本区域中键入任何文本_Reactjs - Fatal编程技术网

Reactjs 无法在文本区域中键入任何文本

Reactjs 无法在文本区域中键入任何文本,reactjs,Reactjs,我无法在文本区域中键入任何文本。 我无法修改默认文本 我怎样才能解决我的问题 class SomeClass extends Component{ constructor(props){ super(props) this.state = {data:[]} } handleChange(e, media_id){ var newState = $.each(this.props.data, function() {

我无法在文本区域中键入任何文本。 我无法修改默认文本

我怎样才能解决我的问题

class SomeClass extends Component{
 constructor(props){
        super(props)
        this.state = {data:[]}

        }
handleChange(e, media_id){
        var newState = $.each(this.props.data, function() {
        if (this.media_id  == media_id) {
            this.text = e.target.value  }
        });
        this.setState({data:newState})
     };
 render(){
    return(
        <div className="col s9 m9 cards-container">
        {this.props.data.map(item =>
             <div className="input-field">
               <textarea 
                   placeholder="Описание с тегами" ref="tags" 
                   className="materialize-textarea" value={ item.text }
                   onChange={this.handleChange.bind(this, item.media_id)}
               />
            </div>)})}
            }
class SomeClass扩展组件{
建造师(道具){
超级(道具)
this.state={data:[]}
}
手柄更换(e,媒体id){
var newState=$.each(this.props.data,function()){
if(this.media\u id==media\u id){
this.text=e.target.value}
});
this.setState({data:newState})
};
render(){
返回(
{this.props.data.map(项=>
)})}
}

将参数的顺序颠倒为
handleChange

handleChange(media_id, e)
由于
handleChange
的绑定方式,参数的顺序将相反:

this.handleChange.bind(this, item.media_id)
返回一个部分应用的函数,其中
item.media\u id
是它的第一个参数。发生
onChange
时传递的最终
事件
对象将是第二个参数。

我看到您在
handleChange
中使用es6标准:

<textarea onChange={...} ...
就这些

onChange={(e) => this.handleChange(e, item.media.id)}