有一個 return 語句映射到數組內部并返回一些數據。如果在 category 中有另一個數組并且對于正確的數據它應該是category={item.category}中的另一個地圖怎么辦。組織這個的最佳解決方案是什么？謝謝。  <div className="portfolio__container">      {projects.map((item, key) =>        item.filtered === true ? (          <div>            <ProfileCard              key={key}              name={item.name}              title={item.title}              image={item.image}              className="border-box"              exerpt={item.exerpt}              git={item.git}              url={item.url}              category={item.category}              click="Push"              sans-serif              mb0-l              mb3              flex-none              w5              mr3            />          </div>        ) : (          ""        )      )}    </div>數據{  name: `object`,  title: `3 title`,  image: `photo-2.jpg`,  exerpt: `some 3 project`,  git: `https://github.com/desmukh/gatsby-starter-woo/tree/master/`,  url: `https://www.gatsbyjs.com/plugins/gatsby-plugin-smoothscroll/`,  category: ["all23423423", "mobile", "ux-ui", "others"],},組件樣式export const ProfileCard = ({  name,  title,  click,  exerpt,  image,  git,  url,  category,  ...props}) => (  <Card {...props}>    <Box tc>      <Avatar src={image} title={`Photo of ${name}`} dib />      <Button href={git}> {click}</Button>      <Button href={url}> {click}</Button>      <Heading level={2} f3 mb2>        {name}      </Heading>      <Text f5 fw4 gray mt0>        {exerpt}      </Text>      <Text>{category}</Text>    </Box>  </Card>);