react循环数据渲染 没反应

父组件向子组件传值,子组件渲染li展示数据,可以获取到传过来的值,但是在循环渲染的时候出现问题,不报错,没反应
引入

子组件

父组件

渲染图

渲染

阅读 8.4k
4 个回答

在return <li></li>时设置key标识, 例如取map的索引:

this.props.todos.map(function(item, index) {
    return <li key={index}>{item.text}</li>;
})

官方文档: https://facebook.github.io/re...

你看下todoMain中items是否有值?

不适用jsx 直接用React.createElement('li', null, item.text); 就可以了 具体原因还没发现。。。

你试试这样写组件class TodoMain extends React.Component

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题