注意:组件的定义的名称首字母需要大写

函数组件定义

import ReactDOM from 'react-dom/client';

import React from 'react';

function Ikun(props) {

return

我是： {props.name}

}

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(

);

类组件定义

import ReactDOM from 'react-dom/client';

import React from 'react';

class Ikun extends React.Component {

constructor(props) {

super(props);

}

render() {

return

我是： {this.props.name}

}

}

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(

);

如上 这种自定义标签称之为“道具”。

文章来源

 您阅读本篇文章共花了：