Reactjs react中输入字段的值属性未响应
输入字段不接受任何值。这是渲染组件Reactjs react中输入字段的值属性未响应,reactjs,Reactjs,输入字段不接受任何值。这是渲染组件 <Row> {this.state.activitieslist.map((newrow,index)=>{ return ( <Col sm={12}> <Row className="form-row"> <Col sm={12}>
<Row>
{this.state.activitieslist.map((newrow,index)=>{
return (
<Col sm={12}>
<Row className="form-row">
<Col sm={12}>
<div className="form-input">
<InputGroup>
<InputGroup.Addon className="activity-ul"><i className="fa fa-circle"></i></InputGroup.Addon>
<FormControl type="text" name="ngo-activities-undertaken" placeholder="enter your activity" value={this.state.activitieslist[index].activities} onChange={this.handleActivityChange.bind(this,this.state.activitieslist[index],index)}></FormControl>
</InputGroup>
</div>
</Col>
</Row>
</Col>)
})
}
</Row>
我无法在输入字段中输入值。它不反映我输入的任何值
handleActivityChange函数如下所示
handleActivityChange(activitieslist,id,e){
console.log("event " + e.target.value+" index "+id+"activitieslist"+activitieslist.activities)
this.setState({[activitieslist.activities ]: e.target.value})
}
请帮助我,因为我是新的反应
提前感谢:)
这是我的更新代码
<Row>
{this.state.activitieslist.map((newrow,index)=>{
return (
<Col sm={12}>
<Row className="form-row">
<Col sm={12}>
<div className="form-input">
<InputGroup>
<InputGroup.Addon className="activity-ul"><i className="fa fa-circle"></i></InputGroup.Addon>
<FormControl type="text" name="ngo-activities-undertaken" placeholder="enter your activity" value={this.state.activitieslist[index].activities} onChange={(e)=>{this.handleActivityChange(this.state.activitieslist[index],index,e)}} ></FormControl>
</InputGroup>
</div>
</Col>
</Row>
</Col>)
})
}
</Row>
{this.state.activitieslist.map((newrow,index)=>{
返回(
{this.handleActivityChange(this.state.activitieslist[index],index,e)}>
)
})
}
那么如何获取目标值。请给我函数alsoonChange={(e)=>{this.handleActivityChange(this.state.activitieslist[index],index,e)}},即使在尝试之后,这些值也不会更新。
<Row>
{this.state.activitieslist.map((newrow,index)=>{
return (
<Col sm={12}>
<Row className="form-row">
<Col sm={12}>
<div className="form-input">
<InputGroup>
<InputGroup.Addon className="activity-ul"><i className="fa fa-circle"></i></InputGroup.Addon>
<FormControl type="text" name="ngo-activities-undertaken" placeholder="enter your activity" value={this.state.activitieslist[index].activities} onChange={(e)=>{this.handleActivityChange(this.state.activitieslist[index],index,e)}} ></FormControl>
</InputGroup>
</div>
</Col>
</Row>
</Col>)
})
}
</Row>
<Row>
{this.state.activitieslist.map((newrow,index)=>{
return (
<Col sm={12}>
<Row className="form-row">
<Col sm={12}>
<div className="form-input">
<InputGroup>
<InputGroup.Addon className="activity-ul"><i className="fa fa-circle"></i></InputGroup.Addon>
<FormControl type="text" name="ngo-activities-undertaken" placeholder="enter your activity" value={this.state.activitieslist[index].activities} onChange={this.handleActivityChange(this.state.activitieslist[index],index)}></FormControl>
</InputGroup>
</div>
</Col>
</Row>
</Col>)
})
}
</Row>
this.handleActivityChange=this.handleActivityChange.bind(this)