在输入字段内映射数据时模拟按键[重复]

Question

我正在从不同的地方收集数据，目标是将它们映射到输入字段中，以便用户可以编辑或立即复制数据。

现在我正在收集数组中的所有数据，在我使用. map函数在输入字段中打印的整个状态中。

我的任务是：如何在输入字段中的每个映射项之后添加一个中断。

以下内容无效（注意，我尝试添加了

render() {
  const {data} = this.props
  const listData = data.map((data) => data.tc + <br/>);

  return (
    <Form className="flex-item-100">
        <FormGroup>
            <Label for="exampleText">Test Cases</Label>
            <Input readOnly type="textarea" name="text" id="exampleText" value={listData} />
        </FormGroup>
    </Form>
  );
}

Answer 1

使用\n而不是

const listData = data.map((data) => data.tc + '\n');

Answer 2

虽然我看到您正在使用一些自定义输入，但我认为它仍然不允许您将html作为输入字段的值。

此外，map不会返回字符串，它会给你一个不能用作输入值的数组，你需要的是加入。类似这样的东西

var值=valuerray.join（'\r\n'）

也可以使用textarea而不是输入