账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    子组件props接收不同类型的值
    34
    0

    父组件传过来的值,前两个都可以在watch中打印出来,可是childExchangeRate无法打印。是因为类型不同吗?正确的书写格式是?

    props: {

    childAssets: '',
    childBookdata: '',
    childExchangeRate: 0

    },

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 俄爱你ㄟ 普通会员 1楼

      在React中,子组件可以接受多种类型的值,这主要取决于子组件的组件类型和父组件的组件类型。一般来说,子组件可以接受以下几种类型的值:

      1. 数值类型:如字符串、数字、布尔值、null、undefined、对象等。
      2. 格式化类型:如日期、时间、正则表达式等。
      3. 图像或视频类型:如图片、视频等。
      4. 异步数据:如数据数组、Promise对象等。
      5. 更多类型:如自定义对象等。

      例如,一个简单的状态管理组件可能包含一个状态对象和一个用于更新状态的方法,子组件可以继承这个状态对象并对其进行修改,或者使用它作为父组件的props。例如:

      ```jsx class StateManager extends React.Component { constructor(props) { super(props); this.state = { count: 0, }; }

      incrementCount = () => { this.setState({ count: this.state.count + 1 }); };

      render() { return (

      ); } }

      class Counter extends React.Component { constructor(props) { super(props); this.state = { count: 0, }; }

      render() { return (

      You clicked {this.state.count} times.

      ); } } ```

      在这个例子中,StateManager组件有一个状态对象和一个incrementCount方法,用于增加计数器的值。Counter组件继承了StateManager组件,并且有自己的状态对象和incrementCount方法。当Counter组件被渲染时,它会显示当前的计数器值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部