Javascript 如何渲染对象数组？

我的控制台中有一个类似这样的错误：

对象作为React子对象无效（找到：键为{id， 市场化、标题、图片、语言、旗帜、完成、日期、费率、， 类别}）。如果要渲染子对象集合，请使用 而不是数组

后面是我的数据：

const demoCompletedData = [
  {
    id: 1,
    marketId: "1111-1111-1111-1111",
    title: "Autonomous car",
    picture: "https://th?id=OIP.fdvfdvfdvfdvfd&pid=Api",
    language: "English",
    flag: "Your data is an array of objects. You can't render it directly like this. map over your array and render what do you want to display.


{demo.map(el => (
    <div>
        <p>{el.id}</p>
        <p>{el.title}</p>
        {Object.keys(el.categories).map(key => (
            <p>{key}:{el.categories[key]}</p>
        ))}
    </div>
))}

const demoCompletedData=[
{
id:1，
市场化：“1111-1111-1111-1111”，
标题：“自动驾驶汽车”，
图片：“https://th?id=OIP.fdvfdvfdvfdvfd&pid=Api",
语言：“英语”，
flag:“您的数据是一个对象数组。您不能像这样直接渲染它。请覆盖数组并渲染要显示的内容

{demo.map(item => <div>{item.title}</div>)}

{demo.map（el=>(
{el.id}

{el.title}

{Object.keys（el.categories）.map（key=>(
{key}:{el.categories[key]}

))}
))}


const demo=[
{
id:1，
市场化：“1111-1111-1111-1111”，
标题：“自动驾驶汽车”，
图片：“https://th?id=OIP.fdvfdvfdvfdvfd&pid=Api",
语言：“英语”，
flag:“您的演示变量是一个数组。您需要使用map进行迭代

axios.get('/url')
 .then((response) => {
   console.log(response);
   this.setState({demo: response.data})
 })
.catch((error)=>{
   console.log(error);
});

并在“渲染访问”中将其作为

阅读这些键没关系，但如何映射“类别”和键，以及类别的值（de:1、fr:0、us:3、uk:2，…）你可以使用它并把它放在你想要的地方。我增加了一个简单的例子。我有一个错误：Type Error：Demo.Mp不是一个函数。这意味着当你试图渲染那个<代码> demo>代码>时，它不是一个数组。你的数据来自一个偏僻的地方，所以你应该考虑条件渲染。a在组件状态下，您可以将其初始值设置为空数组。在任何情况下，此问题都与此问题无关。您可以使用a提出新问题。可以阅读此键“标题”，但如何将“类别”映射为de、us、uk。。。
const {demo} = this.state;