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 react中输入字段的值属性未响应_Reactjs - Fatal编程技术网

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)