React
文章平均质量分 56
爱上你家菜包
这个作者很懒,什么都没留下…
展开
-
百度/高德地图的自定义content中如何使用ReactDom写法
我们只需将其引入,然后把用ReactDom节点包起来即可。的作用仅仅是将 ReactDom 节点转为字符串,它并。(即 绑定在ReactDom上的事件 是无法生效的)。我们知道,在百度/高德地图中,有时需要加一些。函数(renderToString)二者的语法都差不多,但应用场景不同,(意味着只能用原生的写法)原创 2024-05-04 14:42:20 · 441 阅读 · 0 评论 -
React项目build打包后,页面空白的解决方案
页面虽然可以正常访问,但如果在地址栏 直接输入URL 回车,就会变成404页面的。这种情况没关系,当你最后把项目 部署到正式服务器上时,在nginx中配置以下代码即可。重新 build 之后,启用本地服务 打开 index.html 文件(本文中用 Live Server 插件启用本地服务,你也可以用其它的),如下图所示。React项目执行 build 命令后,在本地服务器打开页面。下的 package.json 文件,添加如下代码。打开后,页面可正常访问,如下图所示。原创 2023-08-23 11:44:32 · 2460 阅读 · 0 评论 -
Typescript+React学习笔记(一)- typescript相关内容
1.安装typescriptnpm install -g typescript2.编译ts文件,将ts文件编译成js文件tsc xxx.ts3.ts-node (用于快速运行ts文件)默认情况下,执行ts文件,需要先 tsc xxx.ts 将文件转化为 xxx.js文件,然后用 node xxx.js 才能执行 用ts-node则可以一步到位,如:ts-node xxx.ts4.特殊类型any:声明为任何类型void:声明为什么类型都不是(一般用在声明函数的返回值)nul原创 2021-01-19 19:55:25 · 251 阅读 · 0 评论 -
Typescript+React学习笔记(二)- hook相关内容
1.npx的作用避免安装全局模块可直接调用项目内部安装的模块比如模块mocha,如果用npm install mocha仅安装在局部的话,在命令行中输入 mocha --version 会显示找不到命令的(当然,也可以先在命令行中,手动指定目录来找到,如 node_modules/.bin/mocha --version),这时可以用 npx mocha --version 在全局使用该命令2.函数组件的类型描述import React from 'react';interface IT原创 2021-01-20 10:57:11 · 242 阅读 · 0 评论 -
Typescript+React学习笔记(三)- 实战要点
1. !default的含义!default 是 scss 提供的关键字,它的作用是指定某个变量的默认值,当用户在其他地方修改这个变量时,原有的默认值将全不生效2.带下划线的scss文件例如:_xxx.scss带下划线的scss文件表示,只能被 @import 引入使用(引入时不用加下划线,如 @import xxx.scss),而不能被单独编译成css文件3.normalize.css由于不同浏览器对自身元素基本样式(如margin,padding等等)的定义不尽相同,normalize.cs原创 2021-03-25 16:01:09 · 214 阅读 · 0 评论 -
React日常学习笔记
React学习笔记1.Fragments//完整写法<React.Fragment key={...}> <div></div></React.Fragment>//简写<> <div></div></>注意:简写 不接受 任何属性,完整写法只能接收 key属性(用于遍历)...原创 2021-02-19 12:15:25 · 197 阅读 · 0 评论 -
React 脚手架开发步骤
1.初始化 react 脚手架 npx create-react-app myreact //myreact为项目名称2.安装路由组件 npm install react-router-dom --save 注意:组件react-router是路由组件的基础版,react-router-dom相当于是扩展版,已经包含react-router,只需安装一个即可3.安装react-redux组件 推荐文档:https://segmentfault.com/a/...原创 2020-07-20 14:42:38 · 181 阅读 · 0 评论