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