我已经尝试过一些解决方案,特别是在这个链接上......
我尝试更改 TodosContext.js 文件中的值..这也不起作用..我尝试过的另一件事是从另一个组件调用 useContext() 函数,但这也不起作用..
这是我的代码。应用程序.js:
import React, { useState, useContext } from 'react';
import TodoList from './components/TodoList';
import NewTodo from './components/NewTodo';
import { TodosProvider, TodosContext } from './components/contextapi/TodosContext';
function App() {
const [input, setInput] = useState('');
const [todos, setTodos] = useContext(TodosContext);
const _handleInput = (e) => {
setInput(e.target.value)
}
const _todoAdd = (e) => {
if (e.key === 'Enter') {
setTodos(
[...todos, { content: input, id: Date.now(), completed: false }]
)
setInput('')
}
}
const _todoRemove …Run Code Online (Sandbox Code Playgroud)