reactjs - 我正在尝试在我的 HTML 上显示对象列表

Question

country 包含我想在我的页面上显示的数据集。当我使用 console.log(item.name) 时，我得到了该数据集，但是当我尝试将该数据集返回到 HTML 页面时。我收到此错误Error: Objects are not valid as a React child

  test = async () => {
    let { data: countries, error } = await supabase
    .from('countries')
    .select('name')
    countries.map(item => {return item.name})
  }