react的两种引入包的方法{}加不加,react制作组件和引用组件,和渲染render方法的引入

445 阅读1分钟

TYPEScript的两种import
1为引入默认组件命名为ReactDOM,2为引入render这一组件。在react的使用中,必须要引入React和render 使用时前者为点后者为直接使用,export暴露的组件,需要引入React或者react下的{Component}调用方式,前者为点 后者直接使用。
关于默认组件是使用 export default 暴露的,{}里的是使用export暴露的。在https://blog.csdn.net/qlin_11/article/details/90759210
我的这篇博客里有说明二者差别

import React from "react";
import ReactDOM  from "react-dom"; //1
// import {render} from "react-dom"; //2
import App from "./App.js";

//1
ReactDOM.render(
    <App></App>,
    document.getElementById("app-container")
)
//2
render(
    <App></App>,
    document.getElementById("app-container")
)

**声明组件 方法1

import React from  "react";
class App extends React.Component{
    render(){
        return <h1> wosshi{20+20}</h1>;
    }
}
export default App;

**
方法2

import {Component}from  "react";
class App extends Component{
    render(){
        return <h1> wosshi{20+20}</h1>;
    }
}
export default App;