Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.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
Javascript 如何制作可编辑和保存的功能_Javascript_Reactjs_Typescript - Fatal编程技术网

Javascript 如何制作可编辑和保存的功能

Javascript 如何制作可编辑和保存的功能,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,在这种情况下,当我向列表中添加待办事项并尝试编辑添加的待办事项时,它只会添加一个新字母,并键入下一个字母,它只会始终替换最新的字母。例如,单词是hello,无论您键入多少个字母,都只会添加一个字母(例如hellop,hellow,hellol,hellop)。检查控制台.log以了解问题 const addTodo:addTodo=newTodo=>{ newTodo.trim(); } 常量getEditText:getEditText=getEditedTodo=>{ console.l

在这种情况下,当我向列表中添加待办事项并尝试编辑添加的待办事项时,它只会添加一个新字母,并键入下一个字母,它只会始终替换最新的字母。例如,单词是hello,无论您键入多少个字母,都只会添加一个字母(例如
hellop
hellow
hellol
hellop
)。检查
控制台.log
以了解问题

const addTodo:addTodo=newTodo=>{
newTodo.trim();
}
常量getEditText:getEditText=getEditedTodo=>{
console.log('getEditText'+getEditedTodo);
}
const saveEditTodo:saveEditTodo=currentTodo=>{
log('saveEditedTodo'+JSON.stringify(currentTodo.text));
}
返回(
getEditText(e.target.value)}value={todo.text}/>
saveEditedTodo(todo)}>保存:

  • )
  • 您没有将新值分配给变量todo.next

    您需要更新为输入字段绑定值的变量。所以,请尝试为这些问题创建一个小提琴手