在 React 中，如果变量已定义，如何检查输入单选是否已检查？

Question

如果已经在状态中选择了这样的答案，则可以正常工作????

this.state = {
  answers: [
    {
      questionID: "1",
      answerValues: "2"
    }
  ]
};

默认空状态为this.state = { answers: [] };，控制台在checked={option.id == checked.answerValues} 显示未捕获的类型错误：无法读取未定义的属性“answerValues”。当然它不会起作用，因为对象是空的。

<input
  name={name}
  id={`${name}-${option.id}`}
  data-question-id={questionID}
  type="radio"
  onChange={onChange}
  value={option.id}
  checked={option.id == checked.answerValues}
  /> {option.value}

演示：https://codesandbox.io/s/wyymx2jvrw

JSX 中是否有任何选项可以检查仅当 answers: [] 不为空时检查的输入

Answer 1

参考代码沙箱： 错误与反应无关。这是普通的旧js。 您正在尝试访问 undefined & 上无效的属性。

{option.id == checked.answerValues} 这里checked 作为属性传递给InputRadio 组件。如果不传递值，则默认为未定义。

快速解决方法是为该属性设置一个 defaultValue。空对象将是正确的候选对象。

查看它在沙盒分支https://codesandbox.io/s/n58j54pr84中使用默认值

代码的相关部分

const InputRadio = ({
  name,
  label,
  questionID,
  onChange,
  value,
  options,
  checked = {}  // <--- set a default value
}) => {