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)}