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

TaskCard子级：

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

有关如何执行此操作的任何想法？

Answer 1

Reactjs疯狂地区分大小写。将$ cat file 1234 cat bat5 1234 extra catbat5 1234 he catbat5 $ awk -v beg='1234' -v end='cat' 'BEGIN{RS=end; ORS="\n\n"} sub(".*"beg,beg) && !/he/{$0=$0 RT; print}' file 1234 cat 1234 extra cat中的两个onchange更改为<input />。

如何在父级array.map（）中更改子级输入的值

1 个答案: