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

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

当我试图将它们映射到一个p标记以将每个元素分隔成不同的段落时，它是有效的。但当我使用输入类型时，它显示为空白

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

返回(
{this.state.content.map（（txt）=>

)}

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

---

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

没有复选框的“值”这样的东西。复选框可以是选中的，也可以是未选中的。要在复选框旁边显示一些文本，请在其外部添加一些文本：

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

{text}

复选框的“值”是不存在的。它可以是选中的，也可以是未选中的。要在复选框旁边显示一些文本，请在复选框之外添加一些文本：

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

{text}