Javascript React中文本区域中的换行符

Javascript React中文本区域中的换行符,javascript,reactjs,Javascript,Reactjs,我试图基于现有数组设置textarea的值,但我希望数组项在textarea上用新行分隔。我希望textarea包含无序列表中的项目,这样我就可以制作一个按钮,将textarea的内容复制到剪贴板中 我得到这个错误:我想应该是Unicode转义序列\uxxx,因为\n。我真的不知道还能做什么。提前感谢你的帮助 类名称列表扩展组件{ 建造师(道具){ 超级(道具); } render(){ const renderdnames=this.props.formattedNames.map((名称,

我试图基于现有数组设置textarea的值,但我希望数组项在textarea上用新行分隔。我希望textarea包含无序列表中的项目,这样我就可以制作一个按钮,将textarea的内容复制到剪贴板中

我得到这个错误:我想应该是Unicode转义序列\uxxx,因为\n。我真的不知道还能做什么。提前感谢你的帮助

类名称列表扩展组件{
建造师(道具){
超级(道具);
}
render(){
const renderdnames=this.props.formattedNames.map((名称,索引)=>{
return
  • {name}
  • }); const formattedNamesBreak=this.props.formattedNames.map((名称,索引)=>{ 返回名称\n }); 返回(
      {renderNames}
    ); } };
    导出默认名称列表由于数组是字符串(名称)数组,因此不需要
    map()
    ,因为这样会创建一个结果数组,如果您尝试将数组作为textarea值输出,它将转换为带逗号的字符串以分隔值

    解决方案是调用数组并使用新行作为“粘合剂”:


    返回名称\n
    是一个语法错误。只是好奇,你是想把这个放进去吗?
    var formattedNamesBreak = this.props.formattedNames.join('\n');