如何从节点向react发送响应以呈现特定组件？

import React, { useState, useEffect } from 'react';

// 目标组件
function TargetComponent(props) {
  return (
    <div>
      <h1>目标组件</h1>
      <p>{props.responseData}</p>
    </div>
  );
}

// 父组件
function ParentComponent() {
  const [responseData, setResponseData] = useState(null);

  useEffect(() => {
    // 发送请求并接收响应
    // 这里使用了fetch作为示例，你可以根据具体情况选择合适的网络通信技术
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => setResponseData(data))
      .catch(error => console.error(error));
  }, []);

  return (
    <div>
      <h1>父组件</h1>
      {responseData && <TargetComponent responseData={responseData} />}
    </div>
  );
}

// 在根组件中渲染父组件
ReactDOM.render(<ParentComponent />, document.getElementById('root'));