React组件和入参Props——知识梳理

函数组件

《React组件和入参Props——知识梳理》
我们可以编写函数来定义组件。

例如:

function hello(props) {
  return <h1>hello ,{props.name}</h1>
}


渲染组件

注意之间名首字母需要大写。

React 会将以小写字母开头的组件视为原生 DOM 标签。例如,<div /> 代表 HTML 的 div 标签。

import React from 'react';
import ReactDOM from 'react-dom';
import './App.css';

function Hello(props) {
  return <h1>hello ,{props.name}</h1>
}
// 注意之间名首字母需要大写

const element = <Hello name='mui' />;

function App() {
  return (
    ReactDOM.render(
      element,
      document.getElementById('root')
    )
  )
}

export default App;

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注