在数组对象上交互 React JS

Question

我有一个像这样的对象：

[
    {
        "periodname": "Test",
        "periodtime": ""
    },
    {
        "periodname": "",
        "periodtime": ""
    }
]

我想为其中的每个数组呈现一个 Col。我的反应代码：

function renderMyPage(props) {

const { myObject } = props

const renderMyPage = () => {
     return [myObject].map((c,i) => {
        return(
            <Col>
              My data here  
            </Col>
          )
       })
    }
}

但我总是只得到一个结果，即使我的对象中有两个或多个数组。

如果我再次与 ma​​p 或 foreach 交互，我会得到相同的对象。 如果我在对象上使用 map 函数而不使用“[]”，则会出现错误：

Uncaught TypeError: Cannot read property 'map' of undefined

我做错了什么只得到一个结果？围绕 StackOverflow 问题尝试了很多其他问题，但我得到了相同的结果。

Answer 1

作为一个快速解决方案尝试

const renderMyPage = () => {
     return myObject?.map((c,i) => {
        return(
            <Col>
              My data here  
            </Col>
          )
       })
    }
}

或

const renderMyPage = () => {
     if (!myObject) return null;
    
     return myObject.map((c,i) => {
        return(
            <Col>
              My data here  
            </Col>
          )
       })
    }
}