如果在react js axios中没有可用的数据，如何显示“无数据可用”消息？

在React.js中，如果在使用Axios进行数据请求时没有可用的数据，可以通过以下步骤来显示"无数据可用"消息：

首先，在React组件中定义一个状态变量，用于表示是否有可用数据。可以使用useState钩子函数来创建这个状态变量，并将其初始值设置为false。

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

function MyComponent() {
  const [hasData, setHasData] = useState(false);

  // 数据请求逻辑
  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    // 使用Axios进行数据请求
    axios.get('your-api-url')
      .then(response => {
        // 判断是否有可用数据
        if (response.data.length > 0) {
          setHasData(true);
        }
      })
      .catch(error => {
        console.log(error);
      });
  };

  return (
    <div>
      {hasData ? (
        // 显示数据
        <div>Render your data here</div>
      ) : (
        // 显示"无数据可用"消息
        <div>No data available</div>
      )}
    </div>
  );
}

export default MyComponent;

在组件的渲染部分，使用条件渲染来判断是否有可用数据。如果有可用数据，则渲染数据；如果没有可用数据，则渲染"无数据可用"消息。

以上代码中，我们使用了useState钩子函数来创建了一个名为hasData的状态变量，并将其初始值设置为false。在数据请求逻辑中，我们使用Axios发送请求，并在响应中判断是否有可用数据。如果有可用数据，我们通过调用setHasData函数将hasData状态变量设置为true。在组件的渲染部分，我们使用条件渲染来根据hasData的值来决定显示数据还是显示"无数据可用"消息。

请注意，以上代码中并未提及任何特定的云计算品牌商的产品。如果需要使用腾讯云相关产品来支持数据请求，可以在fetchData函数中使用腾讯云的API服务。具体的产品和产品介绍链接地址可以根据实际需求进行选择和添加。