加载中...
  • 父组件向子组件传值

    我们在组件中加入content属性,然后给属性传递{item},这样就完成了父组件向子组件传值。

    1
    <XiaojiejieItem content={item} />

    现在值已经顺利的传递了过去,这时候可以通过this.props.xxx的形式进行接受,比如传递过来的值,可以用如下代码进行接收

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    import React, { Component } from 'react'; //imrc
    class XiaojiejieItem extends Component { //cc

    render() {
    return (
    <div>{this.props.content}</div>
    );
    }
    }

    export default XiaojiejieItem;

    这样就可以了
    这里你要记住一点:父组件向子组件传递内容,靠属性的形式传递。

    上一篇:
    使用 PropTypes 进行类型检查
    下一篇:
    React Hooks中父组件中调用子组件方法
    本文目录
    本文目录