首页 > 其他分享 >React:独立文件

React:独立文件

时间:2022-10-12 23:02:30浏览次数:46  
标签:文件 react 独立 js React import AppTop

 

可以将React JSX 代码可以放在一个独立文件上,并在不同的js文件中引入即可

AppTop.js文件中:


//定义导出的标签
let AppTop =(<div>
                <h1>我是公共标题栏</h1>
                <p>6666</p>
            </div>);
    
export default AppTop; //将自定义的DOM元素暴露出来,供给其他的页面使用
 

index.js文件中:

import React from 'react';
import ReactDOM from 'react-dom';
import AppTop from './js/AppTop.js';
​
ReactDOM.render(
    AppTop, 
    document.getElementById('root')
);
 

 

 

标签:文件,react,独立,js,React,import,AppTop
From: https://www.cnblogs.com/LIXI-/p/16786445.html

相关文章

  • react基础
     1.jsx语法//1.定义虚拟dom,不要写引号//2.标签中混入js表达式要用{}constmyId="title"constmyData="HELLOREACT"//1.创建虚拟domconstVDOM=(......
  • python 文件打开,读,写,
    1.open()打开函数在Python,使用open函数,可以打开一个已经存在的文件,或者创建一个新文件,语法如下open(name,mode,encoding)name:是要打开的目标文件名的字符串(可以包......
  • 上传本地Markdown文件至博客园
    1、前言最近想把很多用Typora写的实验报告在博客园留个备份,但是直接复制粘贴会丢失很多图片,并且博客园的markdown编辑器实在是太难用了。所以就想直接把md文件上传至博客......
  • DAT批处理文件语法
     bat是dos下的批处理文件 .cmd是nt内核命令行环境的另一种批处理文件 从更广义的角度来看,unix的shell脚本以及其它操作系统甚至应用程序中由外壳进行解释执行的文本,都具......
  • 用计划任务定时执行ASP文件
    方法1.vbscriptDimIESetIE=CreateObject("InternetExplorer.Application")ie.navigate("http://slist.cn.com/")ie.visible=1SetIE=Nothing方法2.Jscriptvarhtml=......
  • Sql server2008如何导入Excel文件数据
    sqlserver中如何使用Excel文件导入数据?1)右键选择一个数据库-->任务-->导入数据2)弹出sqlserver导入导出向导,直接下一步3)数据源选择EXCEL,路径选择你需要导入的......
  • Azure SQL Managed Instance (3) 把本地Excel文件通过OPENROWSET导入到Azure SQL Mana
    《WindowsAzurePlatform系列文章目录》 本文介绍如何使用AzureBlobStorage,把本地Excel文件导入到AzureSQLMI在使用SQLMI的时候,通常会把本地Excel......
  • React:环境安装
    环境安装可以使用node-v查看node.js版本号。$npmconfigsetregistryhttps://r.npm.taobao.org//配过镜像的可以不用再配,也可以不配置直接用npm$cnpminstall-......
  • React Cocurrent 并发性
    其根本原因就是JavaScript是单线程的,那么和react提出Cocurrent类似的概念就是Promise异步?我们并不能同时做两件事而是一件事开始后先onhold然后处理另外一件事最后返回......
  • React:简介
    1、简介React起源于Facebook的内部项目,因为该公司对市场上所有JavaScriptMVC框架,都不满意,就决定自己写一套,用来架设Instagram的网站。做出来以后,发现这套东西很好......