react嵌套组件怎么写

发布网友发布时间：2022-05-14 15:32

共2个回答

懂视网时间：2022-05-14 19:53

本篇文章给大家带来的内容是关于React组件如何编写？（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

如何编写一个React组件

在React的世界里，通常是用class来声明一个组件的，它必须继承自React.Component。
例如下面的代码：

// MyFirstComponent.jsx
class MyFirstComponent extends React.Component {
 state = {
 text: "Hello React"
 };

 /** 组件生命周期钩子函数：在组件挂载完成后立即被调用 */
 componentDidMount() {
 alert("组件挂载完成！");
 }

 render() {
 return (
 <p>{this.state.text}, I am {this.props.author}!</p>
 )
 }
}

export default MyFirstComponent;

// index.js
import MyFirstComponent from "MyFirstComponent";

/** 渲染结果：<p>Hello React, I am Shaye!</p> */
ReactDOM.render(<MyFirstComponent author="Shaye"></MyFirstComponent>, document.getElementById("app"));

热心网友时间：2022-05-14 17:01

<parent>
<children></children>
</parent>

在父组件中用‘{props.children}’渲染