reactjs 如何在React组件(即Form.Control)中正确使用对象

abithluo 于 2023-03-22 发布在 React

关注(0)|答案(1)|浏览(128)

我正在做一个项目，到目前为止，我的研究告诉我，这段代码应该打印出我需要的文本，但它一直打印“object [Object]”，我不完全确定为什么。
我使用map函数来迭代对象数组，每次单击“Test'appendLog '”，它使用数组扩展语法来添加新项，而使用' setLogs '时，' Form.Control '组件接受'logs'作为值，然后使用'map'函数来迭代所有日志并将它们打印到'textarea'中（即Form.Control组件）来做这件事，但它每次只打印'object [Object]'。我可以通过 JSON.strigify（logs） 传递'logs'，但这样我就必须做额外的工作来解析并使其更具可读性。我想只使用 logs，使其更易于维护。

reactjs

来源：https://stackoverflow.com/questions/75786700/how-do-you-correctly-use-objects-with-in-react-components-namely-form-control

1条答案

按热度按时间

x4shl7ld1#

您可以logs.map在Form.Control之前使用www.example.com，并在value中使用相同的内容。

{logs.map((log) => (
          <Form.Control
            readOnly
            as={"textarea"}
            rows={"20"}
            value={`Msg: ${log.logtext} by ${log.initials}`}
          >
            <p key={log.id}>
              Msg: ${log.logtext} by {log.initials}
            </p>
          </Form.Control>
        ))}

赞(0）回复(0）举报 2023-03-22

我来回答

reactjs 如何在React组件(即Form.Control)中正确使用对象

1条答案

相关问题

热门标签

最新问答