美文网首页
React的创建和引入文件

React的创建和引入文件

作者: SnoopPanda | 来源:发表于2019-08-20 14:05 被阅读0次

下载: npm i -g create-react-app
使用:
运行:yarn start

启动文件:index.js
import Test1 from './test1.js';
import {num1, num2} from './test2.js';
import * as obj from './test3.js';

console.log('默认导入', Test1);
console.log('按需导入', num1, num2);
console.log(obj);

tes1.js
export default '默认导出';
test2.js
const num1 = 1;
export {num1};
export const num2 = 2;
test3.js
export const age = 11;
const name = 'John';
export { name };
export default 'default';

默认导入:import Test1 from './test1.js';
默认导出:export default 'xxx'

按需导入
按需导出
全部导入

import和require
import 属于加载前置的机制,因此将其全放在代码的顶部,代码解析逐个import获取一个引入的列表,先引入以来再向下执行代码

require if(true) { let querystring = require('querystring');} 相当于懒加载,代码执行的对应行数才进行加载。

相关文章

  • React的创建和引入文件

    下载: npm i -g create-react-app使用:运行:yarn start 启动文件:index....

  • 认识react

    文件引入 react.js必须在react-dome.js中引入,因为react.js为react的核心文件 br...

  • React 搭建项目

    创建 react 项目 开启服务器 文件引入 // 引入react中的 component ES6语法 jsx不是...

  • 初学react

    1、主要是src目录下的文件;index.js文件 引入react 和reactDOM文件,再引入app.js文件...

  • React

    初始化React 从 html 开始你的第一个 react 页面。引入三个文件:react核心文件、react-d...

  • Reactjs中开源幻灯片组件react-image-galle

    幻灯片组件 react-image-gallery 安装项目 引入scss样式文件 或者引入css样式文件 简单实...

  • React学习--入门篇

    1 什么是React? 2 开始使用 2.1 直接引入 在HTML中直接引入React核心库文件进行开发。

  • 2018-01-22

    上传文件 在后台的controller里引入use yii\web\UploadedFile; 后台有创建和更新文...

  • 2018-09-18 react学习(二):props &

    在搭建后的react环境下进入src/index.js文件中写业务: 1.引入react & react-dom两...

  • react

    react 用于构建用户界面的javascript; (npm start) 首先需要引入三个js文件 react...

网友评论

      本文标题:React的创建和引入文件

      本文链接:https://www.haomeiwen.com/subject/rnkrsctx.html