父组件 向同一文件中的 函数类型子组件 传递值和事件

父组件 向同一文件中的 函数类型子组件 传递值和事件,供在子组件中使用

简单记下,仅供以后参考,没验证,可能会报错,具体以实际情况为准,做相应地修改

const ListItem = (props) => {
  const { rowData = [] } = props;
  return (
    rowData.map((item, k) => {
      return (
        
props.onClick(item)}> // 传入当前点击的rowData数组元素的信息 ......some code
); }) ); }; export class Home extends React.Component { constructor(props) { super(props); this.state = { rowData: [......], }; } checkDetail = (item) => { console.log('点击', item); // 打印出rowData数组中的点击的那一个元素的信息(上面传入的) } render() { const { rowData } = this.state; return (
// 使用子组件来传入值和事件
); } }

你可能感兴趣的:(react,平时记录)