reactjs 获取数据不是在前端打印或显示

yh2wf1be  于 11个月前  发布在  React
关注(0)|答案(2)|浏览(117)

所以我有一个代码在这里我得到我的用户数据,所以它像这样在 Postman

现在当我在frontend中执行它时,它不会获取它的数据,这是我代码的钩子状态

const [records, setRecords] = useState([]);

  useEffect(() => {
    const fetchUser = async () => {
      const records = await axios.get('/api/users')
      setRecords(records)
    };
    fetchUser();
  }, [])

字符串
这是我获取first_name数据的例子

<div>
          <ul>
            {records.map((record, index) => {
              return <li key={index}>{record.email_address}</li>
            })}
          </ul>
         </div>

v8wbuo2f

v8wbuo2f1#

axios.get返回一个HTTP响应,而不仅仅是内容。使用data属性,这应该可以工作。

const [records, setRecords] = useState([]);

  useEffect(() => {
    const fetchUser = async () => {
      const res = await axios.get('/api/users')
      setRecords(res.data)
    };
    fetchUser();
  }, [])

字符串

a5g8bdjr

a5g8bdjr2#

它也返回一个响应。看看下面的代码-

useEffect(() => {
    const fetchUser = async () => {
      const records = await axios.get('/api/users').then((response) => {

        setRecords(response.data)
      })
    };
    fetchUser();
  }, []);

字符串

相关问题