时间戳

首页 > 解决方案 > react元素本身是否有内部文本，内部html？

reactjs - react元素本身是否有内部文本，内部html？

问题描述

学习反应，我看到这样的元素示例，

const element = <Welcome name="Sara" />;

它支持吗？

const element = <Welcome name="Sara">good day </Welcome>;

如果是这样，当“名字”属于道具时，如何获得“美好的一天”？

谢谢 ！

标签： reactjs

解决方案

元素的内容通过childrenprop 暴露出来。

const Welcome = (props) => {
  return <div>
    <p>Hello {props.name}!</p>
    {props.children}
    </div>
};

ReactDOM.render(<Welcome name="Sara">good day </Welcome>, document.body);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

推荐阅读