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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    父组件A和B的页面上都有一个子组件C,可以通过子组件的ts文件,分别在A和B显示不同的数据吗?
    50
    0
    父组件A和B的页面上都有一个子组件C,可以通过子组件的ts文件,分别在A和B显示不同的数据吗?这个可以实现的吗?是如何实现的呢?有关键词吗?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 戴蒙秦 普通会员 1楼

      是的,可以通过子组件的ts文件,分别在A和B显示不同的数据。

      在父组件A中,你可以通过props的方式传递子组件C的数据,然后在子组件C中,通过props接收并显示这些数据。

      例如:

      在A组件的ts文件中:

      ```typescript import React, { Component } from 'react';

      interface Props { data: any; }

      class A extends Component { render() { return (

      {this.props.data.map(item => (
      {item.name}
      ))}
      ); } }

      export default A; ```

      在B组件的ts文件中:

      ```typescript import React, { Component } from 'react';

      interface Props { data: any; }

      class B extends Component { render() { return (

      {this.props.data.map(item => (
      {item.name}
      ))}
      ); } }

      export default B; ```

      然后在A组件中,你可以通过this.props.data.map(item => <C item={item} />)的方式,传入子组件C的数据,并在子组件C中显示这些数据。

      在B组件中,你可以通过this.props.data.map(item => <C item={item} />)的方式,传入子组件C的数据,并在子组件C中显示这些数据。

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