Question

从几天开始，当trix-editor's内容发生变化时，我很难解除 tirx-change 事件。但是我无法找出问题。我正在使用react js查看。以下是我的代码：

class Desc extends React.Component {   
 handleChangeTrix(event){this.setState({[event.target.description.name]:
    event.target.description.value});
        }
    render(){
      return(
   <div className="container-fluid">
       <form  onSubmit = {this.handleSubmit.bind(this)} 
              className="form-horizontal" >
         <input id="description"
                 name="description"
                 className="form-control"
                 value={this.state.description} 
                 hidden="True" type="hidden">
         </input>
        <trix-editor trix-change={this.handleChangeTrix.bind(this)}
                     classname="trix-content"
                     input="description" 
                     placeholder="Start typing here...." >
    </trix-editor>
<button type="submit">submit</button>
   </form>
</div>);
    }
}

如果您觉得某些细节遗失，请在评论中提问。如果您觉得问题不合适并且值得投票，我很乐意通过您的有价值的评论来了解错误。提前谢谢。

Answer 1

你调用setState是错误的。它应该改为

handleChangeTrix(event){this.setState({description:
event.target.description.value});

关于变更事件的Trix-editor无效

1 个答案: