Loading...
墨滴

槑槑

2021/06/18  阅读:33  主题:默认主题

react组件

react组件

定义组件

组件名称必须以大写字母开头,React 会将以小写字母开头的组件视为原生 DOM 标签

  1. 函数组件

    export function Welcome() {
        return <h1>Hello</h1>
    }
    
    
  2. class组件

    // 文件名 Welcome.tsx
    import React, {Component} from "react";
    
    export default class Welcome extends Component<any, any> {
     render() {
            return (
                <h1>
                    Hello
                </h1>
            )
        }
    }
    
    

使用组件

import React from 'react';
import {Welcome} from "./Welcome";

function App() {
    return (
        <>
            <Welcome/>
        </>

    );
}

export default App;

qq
qq

槑槑

2021/06/18  阅读:33  主题:默认主题

作者介绍

槑槑