Reactjs 如何从React.js中的数组中呈现{columns.render}？

大家好

我想知道如何在React.js（typescript）中呈现{columns.render}

你对此有什么想法吗

const columns = [
        { title: '#', key: 'key', 
        render: (key) => <a>{key}</a>
        },
        { title: 'Order Number', key: 'orderNumber', 
            render: (item) => <Link href={`/orders/[orderId]`} as={`/orders/${item.id}`}>
                <a>{item.orderNumber}</a>
            </Link>
        },
        { title: 'Order Name', key: 'orderName' },
        { title: 'Date', key: 'date',
            render: (item) => moment.utc(item).local().format('DD MMM - hh:mm A')
        }
    ]

const列=[
{标题：'#'，键：'键'，
渲染：（键）=>
},
{title:'Order Name'，key:'orderName'}，
{标题：“日期”，键：“日期”，
render：（item）=>矩.utc（item）.local（）.format（'DD MMM-hh:mm A'））
}
]

在组件的返回函数中，我会这样做：

const yourThingToRender = ["elem1", "elem2", "elem3", "elem4"]
  return (
    <>
      {
        columns.map((item, index) => item.render && item.render(yourThingToRender[index]))
      }
    </>
  );
};

const yourThingToRender=[“elem1”、“elem2”、“elem3”、“elem4”]
返回(
{
columns.map（（item，index）=>item.render和item.render（yourThingToRender[index]））
}
);
};

---

在ThingToRender中，需要放置需要渲染的对象。我只是以随机字符串为例。

columns[index].render（props）

应该可以。是的，没错。我得到了它。提前谢谢你们两位！如果有人知道渲染是否未定义，可能有一种更简单的方法来测试渲染是否未定义？在我的例子中，我就是这样写的。列渲染？列渲染（道具）：“”@两者