reactjs - 我们可以在 map 方法中使用 state 属性作为组件吗？

Question

我想使用 db 中的状态值在 map 方法中呈现组件

例子： -

const [post, setPost] = useState([]);

     <>
        {post.map((ce) => (
          <div key={ce._id}>
            <h2>{ce.tittle}</h2>
            <p>{ce.content}</p>
            <{ce.component}/>   /// i don't no it's right or wrong.
          </div>
        ))}
      </>

标签： reactjs

Answer 1

有趣，我认为可以做到。但是根据React，它必须有一个大写字母。

     <>
        {post.map((ce) => {
          const Comp = ce.component
          return (
            <div key={ce._id}>
              <Comp /> 
            </div>
          )
        ))}
      </>

里面的东西ce.component很重要。根据 doc，支持的是如下功能组件。

  const Comp = () => <div>Hello</div>