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(
    <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;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值