Я пытаюсь сопоставить массив объектов, каждый массив которого содержит другой вложенный массив объектов. Однако карта не работает с вложенным массивом. Как отобразить содержимое вложенного массива?
структура данных для вложенного массива объектов выглядит так:
const items = [
{
page_num: 1,
status: "PROCESSED",
table_text_data:[
{bottom:58, height:60, left:60, right:67, text:"recorded"},
{bottom:75, height:67, left:50, right:60, text:"symbolic"},
{bottom:80, height:80, left:77, right:89, text:"fever"},
]
}
];
карта для page_num
и status
выглядит так:
{this.props.items.map(item =>{
return (
<ul><li> page_num={item.page_num} </li>
<li> status:{item.status}</li>
{item.table_text_data.map((c,i)=>(
<ul><li>bottom={c.bottom}</li>
<li>height={c.height}</li>
<li>left={c.right}</li>
<li>right={c.left}</li>
<li>text={c.text}</li></ul>
))}
</ul>
)})}
page_num
и status
работают нормально, но не для table_text_data
. как я должен отображать через него?
снимок экрана с предупреждением, которое я также получаю: https://i.stack.imgur.com/sqREQ.png
Любая помощь приветствуется. Спасибо