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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    React 如何获取组件的实例?
    54
    0

    需求是这样的:

    多个组件调用A组件的某个方法fn,以实现A组件的内部数据保存。
    而且这个fn是动态的,根据不同的组件而变化。

    依据我以往的经验:

    只要拿到A组件的实例,就可以调用和修改fn

    但不知道如何拿到组件的实例?或者其他方式?

    谢谢~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • じòぴé、殤 普通会员 1楼

      在React中,你可以使用this关键字或者props来获取组件的实例。这里我们以两种方式来演示:

      1. 使用this关键字

      ```jsx import React from 'react';

      class MyComponent extends React.Component { render() { return (

      Hello, {this.props.name}

      ); } }

      export default MyComponent; ```

      在上面的代码中,this关键字会被用于引用MyComponent组件的实例。

      1. 使用props

      ```jsx import React from 'react';

      class MyComponent extends React.Component { render() { return (

      Hello, {this.props.name}

      ); } }

      export default MyComponent; ```

      在上面的代码中,props会将组件的实例传递给组件的render方法。你可以在render方法中访问到这个实例。

      注意:如果你使用的是React 16.0+版本,你可以使用this.state和this.setState来获取组件的实例。

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