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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react 多组件依赖同一个数据,那数据应如何处理?
    57
    0

    如题。

    因为涉及到两个组件,打算使用 redux。 是这样的,这两个组件呢,一开始都是不显示出来的,换句话说,数据并不需要一开始ajax去加载,直到某个组件被触发加载了,才去加载数据。 而如果后续另一个组件也加载了,那就直接从redux中去。

    那这里的逻辑就是,redux 有该数据,就直接取,没有则从服务器加载一次。 就是这里不太懂,难道每个redux数据还要分是否第一次加载,加载中,加载完成,这三个状态?这有点复杂了吧! 像这种类似的,大家是如何处理的呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 拳拳杀气 普通会员 1楼

      在React中,你可以通过将多个组件的数据绑定到一个变量中,或者通过使用props(属性传递)将数据传递给组件。以下是一些示例:

      1. 数据绑定到一个变量中:

      ```jsx class MyComponent extends React.Component { state = { data: "Hello, World!" };

      handleDataChange = (event) => { this.setState({ data: event.target.value }); };

      render() { return (

      {this.state.data}

      ); } }

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

      {this.props.data}

      ); } }

      function App() { return (

      ); }

      export default App; ```

      在这个例子中,MyComponentAnotherComponent组件共享一个名为data的变量。当用户在MyComponent组件中输入新的数据时,data变量的值也会自动更新到AnotherComponent组件中。

      1. 使用props传递数据:

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

      this.setState({ data: event.target.value })} />

      {this.state.data}

      ); } }

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

      {this.props.data}

      ); } }

      function App() { return (

      ); }

      export default App; ```

      在这个例子中,AnotherComponent组件从MyComponent组件的data属性中获取新的数据,并在render方法中将其显示出来。

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