react 如何看接口
查看 React 接口的方法
使用浏览器开发者工具
打开浏览器的开发者工具（通常按 F12 或右键选择“检查”），切换到 Network 选项卡。刷新页面或触发接口请求，可以查看所有网络请求的详细信息，包括请求头、响应数据、状态码等。
在代码中打印接口响应
在 React 组件中调用接口时，可以直接打印响应数据到控制台。例如使用 fetch 或 axios 时，添加 console.log 查看返回结果：
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data));使用 React 开发工具
安装 React Developer Tools 浏览器扩展，可以检查组件的状态和 props，帮助跟踪接口数据的传递和处理过程。
Mock 接口数据
在开发阶段，可以使用 Mock.js 或 json-server 模拟接口数据，方便前端调试和验证数据格式。例如：
// 使用 json-server 启动本地模拟接口
npm install -g json-server
json-server --watch db.json日志记录
在接口调用前后添加日志记录，便于跟踪接口调用的流程和问题。例如：
console.log('Fetching data...');
fetch('https://api.example.com/data')
.then(response => {
console.log('Response received:', response);
return response.json();
});使用 API 测试工具
借助 Postman 或 Insomnia 等工具直接测试接口，验证接口是否正常工作，再将其集成到 React 项目中。
