react
SarinaDu
学习是一种修行
展开
-
React(jsx)中 require(''xx.png) 报错 Cannot find module './xx.png' 或 img src '[object Module]'
前言日常积累,欢迎指正正文errorreact(jsx)中 require(''xx.png) 报错 Cannot find module './xx.png'解决办法url-loader 配置添加 option.esModule = false 即可,我的完整配置module.exports = { module: { rules: [ { ...原创 2020-03-31 14:20:16 · 3331 阅读 · 0 评论 -
react+typescript实践总结
1、给绑定在dom上的方法传参1.1定义getDetailByBookId = (id: string) => { console.log(id)}1.2调用<a data-id={book._id.$oid} onClick={this.getDetailByBookId.bind(this, book._id.$oid)}>详情&原创 2018-08-08 16:15:00 · 1876 阅读 · 0 评论 -
react自定义属性使用
** 转载文章,原文地址点击这里** React组件自定义属性的定义及使用在很多情况下,react组件中,需要使用自定义的属性。也经常需要在默认事件(如,点击onClick)中使用自定义属性。举一个很简单的例子,点击一个按钮,并显示这个按钮“自定义属性”中的string。import React, { Component } from 'react';export default My...转载 2018-10-12 09:08:47 · 2240 阅读 · 0 评论 -
乱七八糟的积累-React+typescript
1、React.Fragment的使用renderCompontent = () => { return ( <div> <Compontent1/> <Compontent2/>原创 2018-09-28 09:23:18 · 154 阅读 · 0 评论 -
乱七八槽的小积累-2(h5+css)
input手动获取焦点和失去焦点原创 2018-10-09 17:24:07 · 116 阅读 · 0 评论 -
react中组件、变量常量、方法的导入导出总结即export 与 export defualt的区别
@[总结react中组件、变量常量、方法的导入导出)组件导出export default class Component extends Component{ render(){ return (<div>Hello, World.</div>) }}}导入import Compo转载 2018-11-16 12:38:07 · 12204 阅读 · 0 评论 -
PubSubJS的基本使用
前言日常积累参考PubSubJS-GitHubPubSubJS-npm使用说明首先说明我当前使用的 pubsub 版本为 1.6.0什么是 pubsub?PubSubJS is a topic-based publish/subscribe library written in JavaScript.即 一个利用JavaScript进行发布/订阅的库使用React + Type...原创 2019-03-15 17:17:24 · 16215 阅读 · 1 评论 -
react声明周期 getDerivedStateFromProps 的使用详解
前言日常积累,欢迎指正正文错误代码段及错误描述constructor(props: IProps) { super(props) this.state = { mode: this.props.mode ? this.props.mode : 'middle' } } static getDerivedStateFromProps(nextProps, prevSt...原创 2019-05-20 11:24:01 · 8008 阅读 · 0 评论 -
props 变化导致新一次数据请求和页面展示更新效果在 react 新生命周期中的处理
前言日常积累,欢迎指正正文需求有这样一个需求: props.planId 修改就要触发 getPlanDetailByPlanId(planId : string|number) 当然会相应有一个 state.data ,在 get 方法中根据 id 请求到正确的数据后再 setState({data}) 就能实现页面正确结果的显示啦!处理思路在 react 未更新的版本中这种情况在生...原创 2019-05-20 11:22:22 · 3068 阅读 · 1 评论