我正在讀取 JS 對象（來自 JSX）并嘗試傳遞組件的值，但它呈現為字符串。我嘗試放置組件（見下文icon的關鍵部分data），{}但這并沒有幫助，因為data會出現錯誤。這是文件的簡化版本。data.js如下：const data = [ {    title: "some title",    desc: "some desc", }, [   {     icon: "<TwitterIcon />",     title: "title 1",     desc: "desc 1",   },   {     icon: "<FacebookIcon />",     title: "title 2",     desc: "desc 2",   }, ],]export { data }index.js讀取data對象并作為 props 傳遞給AnotherComponent：import { data } from "../path/to/data"import AnotherComponent from "../path/to/AnotherComponent"const Homepage = () => {  return (    <AnotherComponent {...data} />  )}AnotherComponent.jsx如下：import {TwitterIcon, FacebookIcon} from "../path/to/CustomIcons"const AnotherComponent = ({ ...data}) => {  return (    {data[1].map(item => (      <div>{item.icon}</div> // this prints string as opposed to rendering the component      <div>{item.title}</div>      <div>{item.desc}</div>    ))}  )}index.js返回：<div><TwitterIcon /></div><div>title 1</div><div>desc 1</div><div><FacebookIcon /></div><div>title 2</div><div>desc 2</div>