Question

我是新手做出反应而无法弄清楚这一点 - jsbin链接 - https://jsbin.com/fitepo/edit?js,output

class TodoItem extends Component{
  constructor(props){
    super(props);
  }

  render(){
    return (
      <li> {this.props.todo.task} </li>
    );
  }
}

class TodoList extends Component{
  constructor(props){
    super(props);
  }

  render(){
    return (
      <div className="todo-list-container">
        <ul>
          {
            this.props.todos.map(item => {
              return (
                <TodoItem key={item.id} todo={item} />
              );
            })
          }
        </ul>
      </div>
    );
  }
}

添加待办事项时，我收到此错误 -

未捕获的TypeError：无法读取属性＆＃39; call＆＃39;未定义的在新的TodoItem（fitepo.js：89）在ReactCompositeComponentWrapper._constructComponentWithoutOwner（unpkg.com/react@15.1.0/dist/react.js:5956）在ReactCompositeComponentWrapper._constructComponent（unpkg.com/react@15.1.0/dist/react.js:5938）在ReactCompositeComponentWrapper.mountComponent（unpkg.com/react@15.1.0/dist/react.js:5857） at Object.mountComponent（unpkg.com/react@15.1.0/dist/react.js:13194）在ReactDOMComponent._mountChildAtIndex（unpkg.com/react@15.1.0/dist/react.js:12138）在ReactDOMComponent._updateChildren（unpkg.com/react@15.1.0/dist/react.js:12054）在ReactDOMComponent.updateChildren（unpkg.com/react@15.1.0/dist/react.js:12014）在ReactDOMComponent._updateDOMChildren（unpkg.com/react@15.1.0/dist/react.js:7642）在ReactDOMComponent.updateComponent（unpkg.com/react@15.1.0/dist/react.js:7471）

当我删除TodoItem并将其替换为map函数中的li时，它可以正常工作。

请帮忙。我是一个反应的小伙子。

对组合的反应问题 - _constructComponentWithoutOwner

0 个答案: