reactjs - 如何更改父 array.map() 中子输入的值

Question

我正在尝试使 TaskCard 输入组件文本可编辑，这是我的代码：

家长

state={
    taskArray: [{index: 0, task: "You are cool! :)"}]
    }

    onChangeText=(value, index)=>{
        let taskArray = this.state.taskArray.slice()
        taskArray[index]= value
        this.setState({taskArray: taskArray})
    }

    mapTaskCards =()=> {
        return(
            this.state.taskArray.map(({task, index})=>
            <Zoom duration={300} >
                <TaskCard value={task} onChange={(value)=>this.onChangeText(value, index)}/>
            </Zoom>
        ))
    }

任务卡子项：

<input
     type="text"
     placeholder="write something"
     value={this.props.value}
     onchange={(e)=>this.props.onchange(e.target.value)}
/>

关于如何做到这一点的任何想法？

标签： reactjs

Answer 1

Reactjs 非常区分大小写。将两者更改onchange为.<input />onChange