在 jsx 中使用 split 和 map

Question

const arr = ['name', 'contact number']

const App = () => (
  <div style={styles}>
  Add {arr.split(',').map(o=>o)}
  </div>
);

为什么这不起作用？我想打印“添加姓名和联系人”，但在拆分时卡住了。

Answer 1

你用错了两个函数：

1. split 应该用于将 string 拆分为数组，围绕提供的字符。您已经有了结果数组。
2. .map(o=>o) 没用 - 它基本上返回提供的相同数组。

您可能希望这样做Add {arr.join(' & ')}。

Answer 2

您正在寻找加入价值观

Add {arr.join(',')}

以下链接应该对您有所帮助

MDN split

MDN join

Answer 3

没有什么可拆分的。我认为您正在尝试加入他们：

const arr = ['name', 'contact number']

const App = () => (
  <div style={styles}>
  Add {arr.join(',')}
  </div>
);