react父组件向子组件传值

* 父组件 TodoList.js import React,{ Component, Fragment } from 'react'//Fragment
作为容器存在,不会渲染成dom元素 import TodoItem from './TodoItem' export default class
TodoList extends Component { constructor(props){ super(props) this.state = {
list:['Vue','Jquery','React'] } } render(){ return ( <Fragment> <p>前端知识点</p> <ul
> { this.state.list.map((item, index)=>{ return ( <li key={index}> <TodoItem
index={index} content={item} ></TodoItem> </li> ) }) } </ul> </Fragment> ) } }
* 子组件 TodoItem.js import React,{ Component } from 'react' export default class
TodoItem extends Component { handClick() { console.log(this.props.index) }
render(){ return ( <div onClick={this.handClick.bind(this)}>{this.props.content}
</div> ) } }

技术
今日推荐
阅读数 169811
下载桌面版
GitHub
百度网盘(提取码:draw)
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:766591547
关注微信