在 react native 中传递组件中的数据答案

【问题标题】：passing data in components in react native在 react native 中传递组件中的数据
【发布时间】：2022-11-02 00:44:45
【问题描述】：

我是 react native 的新手，在将数据传递给组件时遇到了问题。

有一个名为 WebSocket 的组件，其中有多个参数可以接受，如下所示

  const WebSocket = ({
   socketUrl,
   socketFirstRequest,
   socketSecondRequest,
}) => {
// connecting socket and sending data to socket.
}

现在如何在多个地方使用这个组件来向这个组件发送数据我试过了，但没有像这样工作。

const InstrumentList = () => {
  // my request params for GC1_URL,socketFirstRequest,socketSecondRequest
return (
    <View style={styles.container}>
      {checkStatus === false && (
        <WebSocketGC1
          socketUrl={GC1_URL}
          socketFirstRequest={socketFirstRequest}
          socketSecondRequest={socketSecondRequest}
        />
      )}
 </View>
  );
}

【问题讨论】：

标签： reactjs react-native react-hooks react-redux components

【解决方案1】：

您无需为此功能响应组件。如果你在 UI 端渲染一些东西，React 组件很有用。从您的实现中，我认为您创建了一个自定义反应钩子。例如https://github.com/robtaussig/react-use-websocket 或https://rossbulat.medium.com/react-hooks-managing-web-sockets-with-useeffect-and-usestate-2dfc30eeceec

【讨论】：