Javascript React：在字符串数组中循环

我对reactJs有点陌生，我想在组件中显示一组注释

data: {
    title: 'notes for ABC', 
    notes: ['hello', 'world', 'blah blah]
}

当我尝试将其呈现为data.notes.map时，它说data.notes.map不是函数。

---

任何帮助

我不确定您计划如何将数据发送到组件，但本例说明了如何通过州政府执行此操作。如果您有一个特定的组件来呈现帖子或便笺，那么最好通过道具来实现。我会为你读文件

班级风格 功能性风格 这似乎更倾向于功能性的写作方式，这就是你要写的方式

import React, { useState } from 'react';

function App() {
  const [notes, setNotes] = useState(['hello', 'world', 'blah blah'])
  return <ul>{notes.map((note) => <li>{note}</li>)}</ul>
}

export default App;

ReactDOM.render(<App />, document.getElementById('root'));

---

我不确定您计划如何将数据传输到组件中，但本例说明了如何通过州来实现这一点。如果您有一个特定的组件来呈现帖子或便笺，那么最好通过道具来实现。我会为你读文件

班级风格 功能性风格 这似乎更倾向于功能性的写作方式，这就是你要写的方式

import React, { useState } from 'react';

function App() {
  const [notes, setNotes] = useState(['hello', 'world', 'blah blah'])
  return <ul>{notes.map((note) => <li>{note}</li>)}</ul>
}

export default App;

ReactDOM.render(<App />, document.getElementById('root'));