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

Question

我是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>
);
}

Answer 1

您不需要对该功能的组件做出反应。React组件在UI端渲染某些内容时非常有用。从您的实现来看，我认为您创建了一个自定义的react钩子。例如https://github.com/robtaussig/react-use-websocket或https://rossbulat.medium.com/react-hooks-managing-web-sockets-with-useeffect-and-usestate-2dfc30eeceec