Свойство 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 = {this.handleActivityChange.bind(this,this.state.activitieslist[index],index)}></FormControl>
                                </InputGroup>
                            </div>
                        </Col>
                    </Row>
                </Col>)
            })
        }
</Row>

и у меня есть состояния в виде массива объектов как

this.state = {
        activitieslist : [
            {rowValues : 'a', activities : ''},
            {rowValues : '', activities : ''}
        ],

Я не могу вводить значения в поле ввода. он не отражает никаких значений, которые я ввожу

функция handleActivityChange приведена ниже

handleActivityChange(activitieslist,id,e){
 console.info("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>