React：初识React、类组件、jsx的基础语法




import React from 'react';
import ReactDOM from 'react-dom';
 
// 定义一个类组件
class HelloMessage extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}
 
// 渲染组件到DOM
ReactDOM.render(
  <HelloMessage name="World" />,
  document.getElementById('root')
);

这段代码首先导入了React和ReactDOM。然后定义了一个名为HelloMessage的类组件，它继承自React.Component。在这个类的render方法中，它返回一个JSX元素，该元素根据传入的props.name渲染一个问候语。最后，使用ReactDOM.render方法将HelloMessage组件渲染到页面上ID为root的DOM元素中。这是学习React的基础，理解组件、props、JSX的基础语法非常重要。

React：初识React、类组件、jsx的基础语法

评论已关闭

推荐阅读