报错Cannot find module '@babel/plugin-transform-react-jsx' 1. 删除项目下node_modules文件夹 2. yarn add start （重新下载node_modules） 3. yarn start webpack.config.js配 ...
分类：
Web程序 时间：
2019-11-16 18:04:57
阅读次数：
182
除了可通过模板创建HTML之外，Vue还提供了渲染函数和JSX，前者的编码自由度很高，后者对于开发过React的人来说会很熟悉。注意，Vue的模板最终都会被编译成渲染函数。 一、渲染函数 虽然在大部分场景中，都会选择直观而清晰的模板，但遇到一些复杂的场景时，就不得不使用渲染函数render()了。 ...
分类：
Web程序 时间：
2019-11-13 10:30:37
阅读次数：
96
1.用visual studio code打开文件夹scratch-gui-develop 找到SRC\components\menu-bar 方法1：制作图片更换掉图片scratch-logo.svg 方法2：打开menu-bar.jsx 找到73行 import scratchLogo from ...
分类：
其他好文 时间：
2019-11-10 09:47:12
阅读次数：
183
类型断言 类型断言（Type Assertion）可以用来手动指定一个值的类型。 语法 或 在 tsx 语法（React 的 jsx 语法的 ts 版）中必须用后一种。 例子：将一个联合类型的变量指定为一个更加具体的类型 "之前提到过" ，当 TypeScript 不确定一个联合类型的变量到底是哪个 ...
分类：
其他好文 时间：
2019-11-03 01:21:00
阅读次数：
95
接：https://www.cnblogs.com/chenxi188/p/11702799.html 用上节建好的my-app项目： 一、绑定状态数据state 1.在src目录下新建一个componets，用来放自己建立的组件： 在components文件夹下，新建一个组件：home.js输入如 ...
分类：
Web程序 时间：
2019-11-02 16:15:20
阅读次数：
121
JSX注意点：class和for都是js关键字，因此JSX需要改变名称 => className htmlForreactjs的组件无状态组件（函数组件）在无状态组件中可以通过给函数传递props参数，来获取外界传值三点运算符实现简化传值：组件抽离成jsx文件Hello.jsx引用组件：有状态组件（... ...
分类：
Web程序 时间：
2019-10-27 15:00:20
阅读次数：
108
摘要 基于react的框架开发一个顶部固定滑动式的酷炫导航栏，当导航栏置顶时，导航栏沉浸在背景图片里；当鼠标滑动滚轮时，导航栏固定滑动并展示下拉样式。 HTML部分 相关技术栈：react、antd、react-router。详细的技术栈应用请参考官方文档的使用说明。 * 展示主页App.jsx组件 ...
分类：
其他好文 时间：
2019-10-26 23:24:07
阅读次数：
173
1.使用 JSX 的好处 1.提供更加语意化且易懂的标签 与html对比 1.1命令式 对比 声明式 React 思路认为使用 Component 比起模版（Template）和显示逻辑（Display Logic）更能实现关注点分离的概念，而搭配 JSX 可以实现声明式Declarative （注 ...
分类：
Web程序 时间：
2019-10-19 14:52:27
阅读次数：
150
reactjs特性： 1.基于组件(Component)化思考 【组成】React 的最基本的单元为组件（Component），每个组件也可以包含一个以上的子组件，并依照需求组装成一个组合式的（Composable）组件【组件特性】：封装（encapsulation）、关注点分离 (Separati ...
分类：
Web程序 时间：
2019-10-19 11:28:51
阅读次数：
123
1. 不能在包含JSX 元素的 map 循环中使用 if 表达式2. 不能在Array.map 之外的方法中操作 JSX 数组3. 不能在JSX参数中使用匿名函数4.不支持在render() 之外的方法中定义JSX所有的JSX定义，都要写在 render()中> render(){> const h... ...
分类：
其他好文 时间：
2019-10-18 15:26:56
阅读次数：
83
