javascript - 如何将数组元素映射到输入？

Question

我有一个状态变量，它是一个数组。每个元素都是一个字符串。我试图将每个元素映射到复选框输入类型，但失败了。

当我尝试将它们映射到 p 标签以将每个元素分隔成不同的段落时，它起作用了。但是当我使用输入类型时它显示空白。

return (
  <div className="pdf" id="check">
    {this.state.content.map((txt) =>
      <p><input type='checkbox' value={txt} /></p>
    )}
  </div>

这里 this.state.content 是一个字符串元素数组，仅使用 p 标签就可以正常工作，但在包含 input 标签后，它会呈现复选框，但内容为空。

打印时，我需要在每个元素的开头有一个复选框。

Answer 1

不存在复选框的“值”这样的东西。它要么被选中，要么未被选中。要在复选框旁边显示一些文本，请在其外部添加一些文本:

 <p>{text} <input type="checkbox" /></p>