【发布时间】：2021-07-17 18:53:26
【问题描述】：
我在映射对象时遇到了一些问题：
const questions = [
{
id:1,
questionText: 'W którym roku firma apple wprowadziła do sprzedaży pierwszy komputer?',
answerOptions: [
{ id: 1, answerText: 'A.1974', isCorrect: false, result: [] },
{ id: 2, answerText: 'B.1976', isCorrect: true, result: (correctAnswer) },
{ id: 3, answerText: 'C.1984', isCorrect: false, result: [] },
{ id: 4, answerText: 'D.1990', isCorrect: false, result: [] },
],
}
]
我怎样才能映射像这样的对象？
我做了这样的事情，但接下来我遇到了问题（.answerOptions 是 undefined），当我尝试将我的数组更改为另一个数组时（在 DND 中可拖动拼接）
Questions[currentQuestion].answerOptions.map(
({ id, answerText, isCorrect, result }, index) => {
return (
<Draggable
key={`draggable2-${id}`}
draggableId={`draggable2-${id}`}
index={index}
>
{(provided, snapshot) => {
return (
<div
ref={provided.innerRef}
{...provided.draggableProps}
{...provided.dragHandleProps}
>
<div
className="answer"
onClick={() => handleAnswerClick(isCorrect)}
>
<div className="answerText">{answerText}</div>
<div className={resultCorrect}>{result}</div>
</div>
</div>
);
}}
</Draggable>
);
}
)
【问题讨论】：
-
Questions[currentQuestion]（大写“Q”）是否正确？在之前的 sn-p 中，您写了const questions = ...（带有小“q”）。
标签： javascript arrays reactjs dictionary object