TypeError：无法读取未定义的属性'state'。更新了React

Question

我非常陌生，所以我只是关注youtube视频，但出现此错误，对此我一无所知。终端显示“已成功编译”，但出现此错误。这是我的App.js代码

import Todos from './components/Todos';
import './App.css';

function App() {
  React.state = {
    todos: [
      {
        id: 1,
        title: 'Pay the rent',
        completed: false
      },
      {
        id: 2,
        title: 'Dinner at Pappu',
        completed: false
      },
      {
        id: 3,
        title: 'CODROBO Meeting',
        completed: false
      }
    ]
  };
  return (
    <div className='App'>
      <Todos todos={this.state.todos} />
    </div>
  );
}

export default App;

和这是我的Todos.js代码

function Todos() {
  return this.props.todos.map(todo => <h3> {todo.title} </h3>);
}

export default Todos;

根据视频讲座浏览器，必须显示所有待办事项，但出现此错误

Answer 1

尝试一下：

function Todos(props) {
  return props.todos.map(todo => <h3> {todo.title} </h3>);
}

export default Todos;

希望此解决。