前端开发

Mobx-State-Tree-分配给数组类型

2020-10-2043次阅读React
Mobx-State-Tree-分配给数组类型,会提示Type 'string[]' is not assignable to type 'IMSTArray & IStateTreeNode'. Type 'string[]' is missing the following properties from type 'IMSTArray...错误
前端开发

Vue与React插槽区别

2020-10-1574次阅读Reactvue
在Vue中我们可以通过slot传递组件模板给组件,然后渲染。而React的话显然是没有插槽的概念,但其实你在组件内部中不论是写的JSX DOM 都会被传入到Props的children当中去,这就是一个类似于Vue的普通插槽的实现了。
前端开发

通过JS来管理样式CSS Modules及React实践

2020-10-1568次阅读javascriptReact
CSS Modules加入了局部作用域、依赖管理。可以有效避免全局污染和样式冲突,能最大化地结合现有CSS生态和JS模块化能力。
前端开发

React HOOK中useEffect的使用

2020-10-1293次阅读React
useEffect(副作用函数)是一个Effect Hook,给函数组件增加了操作副作用(在 React 组件中进行数据获取、订阅或者手动修改 DOM等)的能力。它跟 class 组件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount 具有相同的用途,只不过被合并成了一个 API,默认情况下,React 会在每次渲染后调用副作用函数 ,包括第一次渲染的时候,还有useEffect内的依赖(例如state)发生变化,它都会被重新调用。
前端开发

React-Router简介

2020-09-27139次阅读React
React-Router是React生态的基础路由库,它通过管理URL,实现组件的切换和状态的变化。v4之前属于静态路由,而v4之后属于动态路由。
前端开发

FC类型来声明函数组件

2020-09-24126次阅读React
FC是FunctionComponent的简写, 这个类型定义了默认的props(如 children)以及一些静态属性(如 defaultProps)。
前端开发

React项目里build生成文件的引用资源路径修改为绝对路径摸索总结

2020-04-28499次阅读React
React的build生成项目里index.html页面代码中的script路径都是以“/”开始的,根据官方文档,在你的package.json:“homepage”: “.”修改即可,但它会忽略主机名。不过你可以通过在 shell 中设置PUBLIC_URL环境变量来实现加上你的主机名的要求。
前端开发

React弹出层组件一

2020-04-24303次阅读React
react正常无法在父组件dom节点之外的其他节点创建组件,查文档发现react提供了Portals方法来实现: Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. 文档地址:传送门
前端开发

react使用qrcode.react生成二维码

2020-04-24508次阅读React
https://www.npmjs.com/package/qrcode.react
前端开发

react动态修改组件样式

2020-04-24295次阅读React
在react中,因为核心思想是将页面元素组件化,把组件看成是一个状态机,因此需要通过控制state状态的变化来实现。