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

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(
    ,
    document.getElementById("app-container")
)
//2
render(
    ,
    document.getElementById("app-container")
)

**声明组件 方法1

import React from  "react";
class App extends React.Component{
    render(){
        return 

wosshi{20+20}

; } } export default App;

**
方法2

import {Component}from  "react";
class App extends Component{
    render(){
        return 

wosshi{20+20}

; } } export default App;

你可能感兴趣的:(react的两种引入包的方法{}加不加,react制作组件和引用组件,和渲染render方法的引入)