小编rav*_*dra的帖子

如何修复:React-Context - TypeError:对象不可迭代(无法读取属性 Symbol(Symbol.iterator))

我已经尝试过一些解决方案,特别是在这个链接上......

我尝试更改 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)

javascript reactjs react-context

1
推荐指数
1
解决办法
4234
查看次数

标签 统计

javascript ×1

react-context ×1

reactjs ×1