react中发请求获取当天实时股票的数据

在React中获取当天实时股票数据，你可以使用fetch或axios等库来发起HTTP请求，并且需要调用股票数据的API。以下是一个简单的例子：

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

const StockData = () => {
  const [stockData, setStockData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('https://api.example.com/stockdata'); // 替换为你的股票数据API地址
        setStockData(response.data);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {stockData ? (
        <div>
          <h2>当天实时股票数据</h2>
          {/* 根据API返回的数据结构，渲染股票数据 */}
          <p>股票名称: {stockData.name}</p>
          <p>股票价格: {stockData.price}</p>
          {/* 其他股票数据 */}
        </div>
      ) : (
        <p>正在加载股票数据...</p>
      )}
    </div>
  );
};

export default StockData;

在上面的代码中，我们使用了React的函数组件和useState、useEffect钩子。在useEffect钩子中，我们使用axios库发起了一个GET请求来获取股票数据。你需要将`https://api.example.com/stockdata`替换为你实际使用的股票数据API的地址。一旦数据返回，我们使用setStockData将其保存在state中，并在组件的渲染中进行展示。

请注意，这只是一个简单的示例，具体的实现方式取决于你使用的股票数据API的要求和返回数据的结构。根据实际情况进行适当的修改。