Reactjs 我是如何从<;部门>;元素?

Reactjs 我是如何从<;部门>;元素?,reactjs,Reactjs,我的React应用程序中有一个组件,可以呈现4个输入字段。只有第一个是可编辑的(它有一个onChange处理程序)。如果我编辑它,它将更新列表中问题对象的相应属性。但是当我打字的时候,它给了我 第16行的“TypeError:无法读取未定义”的属性“map” 该行有放弃。为什么它在只包含HTML而不包含JS的行中给我这个错误 截图: 从“../QuizContext”导入{QuizContext}; 从“../QuizContext”导入{QuizContextProvider}; 常数形式=

我的React应用程序中有一个
组件,可以呈现4个输入字段。只有第一个是可编辑的(它有一个onChange处理程序)。如果我编辑它,它将更新列表中问题对象的相应属性。但是当我打字的时候,它给了我

第16行的“TypeError:无法读取未定义”的属性“map”

该行有
放弃
。为什么它在只包含HTML而不包含JS的行中给我这个错误

截图:

从“../QuizContext”导入{QuizContext};
从“../QuizContext”导入{QuizContextProvider};
常数形式=()=>{
const{yourQuestions,setYourQuestion}=useContext(QuizContext)
返回(
{console.log(你的问题)}
添加下一个问题
丢弃
{yourQuestions.map((问题、索引、数组)=>{
返回(
{
setYourQuestion((问题)=>{//currentQuestions是“yourQuestions”数组
问题.map((currentQuestion,currentIndex,currentArray)=>{
console.log(你的问题)
返回(
(currentQuestion.id==question.id){
…当前问题,
答案a:e.target.value
} 
:当前问题
)
})
}
)
}} />
)
})}
{JSON.stringify(yourQuestions,null,2)}
{console.log(你的问题)}
)
}
导出默认表单```

我看不见的东西,所以我要假设

您的上下文应该包含一个状态和动作

const { state, actions } = useContext(WhateverContexts);
我还将检查可以在
map
方法中传递的参数

地图使用示例:

const todoItems = todos.map((todo, index) =>
  // Only do this if items have no stable IDs
  <li key={index}>
    {todo.text}
  </li>
);
const todoItems=todos.map((todo,index)=>
//仅当项目没有稳定ID时才执行此操作
  • {todo.text}
  • );
    我看不见的东西,所以我要假设

    您的上下文应该包含一个状态和动作

    const { state, actions } = useContext(WhateverContexts);
    
    我还将检查可以在
    map
    方法中传递的参数

    地图使用示例:

    const todoItems = todos.map((todo, index) =>
      // Only do this if items have no stable IDs
      <li key={index}>
        {todo.text}
      </li>
    );
    
    const todoItems=todos.map((todo,index)=>
    //仅当项目没有稳定ID时才执行此操作
    
  • {todo.text}
  • );
    结果是我忘了键入
    return

    setYourQuestion( (yourQuestions) => {
      return yourQuestions.map( (currentQuestion)=>{
          return (currentQuestion.id === question.id ? {
              ...currentQuestion,
              answer_a: val
          } : currentQuestion)   
      })
    })
    
    discord.com上Reactiflux的用户Vanish指出了此错误:


    这就是为什么在我的整个组件中出现“TypeError:无法读取未定义的属性'map'”。

    结果是我忘记了键入
    return

    setYourQuestion( (yourQuestions) => {
      return yourQuestions.map( (currentQuestion)=>{
          return (currentQuestion.id === question.id ? {
              ...currentQuestion,
              answer_a: val
          } : currentQuestion)   
      })
    })
    
    discord.com上Reactiflux的用户Vanish指出了此错误:


    这就是为什么我的整个组件中出现了“TypeError:无法读取未定义的属性'map'”。

    此错误:?@Luuk我已经读过了,但是,我认为它没有提示我的问题。此错误:?@Luuk我已经读过了,但是,我认为这并没有暗示我的问题。但我认为我通过键入:
    const{yourQuestions,setYourQuestion}=useContext(QuizContext)
    你的上下文带来了什么?带来了什么?!我认为它只会“带来”你的问题和设置你的问题。我不知道它也应该“带回”一些东西。但我想我已经通过键入:
    const{yourQuestions,setYourQuestion}=useContext(QuizContext)
    你的上下文带回了什么?带回?!我认为它只会“带来”你的问题和设置你的问题。我不知道它也应该“带回”一些东西。