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

【问题标题】：Simulate keypress while mapping data inside input field [duplicate]在输入字段内映射数据时模拟按键[重复]
【发布时间】：2019-07-29 03:17:39
【问题描述】：

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

现在，我正在使用 .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>
  );
}

【问题讨论】：

标签： javascript arrays reactjs react-native

【解决方案1】：

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

另外，map 不会返回字符串，它会为您提供不能用作输入值的数组，您需要的是join。像这样的

var values = valuesInArray.join('\r\n')

也可以使用 textarea 代替 input

【讨论】：

感谢您的解释。完美运行。

【解决方案2】：

使用\n 代替<br />

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

【讨论】：