react 對象渲染_在React中渲染對象屬性

I have a object like this

export const otherInformation = [

{

"FAQ": ['Getting started guide', 'Selling policy'],

"Help & Support": ['Help guide', 'Selling policy'],

"Legal": ['Terms of Use', 'Privacy Policy']

}]

My code

class Information extends Component {

render() {

const otherInformationLoop = otherInformation.map((value, key) => {

return (

{Object.keys(value).map((val, k) => {

return (

{val}

)

})

}

)

})

return (

{ otherInformationLoop }

//

);

}

}

Im having trouble looping through the object.

Error obtained is like this

Information.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object

How can I loop thorugh the object so that the obtained result is obtained

Thanks in advance. Any help is appreciated

解決方案

You are rendering an array but you can only return a single block from your react component, wrap your map function within a div

class Information extends Component {

render() {

const otherInformationLoop = otherInformation.map((value, key) => {

return (

{Object.keys(value).map((val, k) => {

return (

{val}

)

})

}

)

})

return (

{ otherInformationLoop }

);

}

}