Benz_s600的博客

react+ts 父子组件传值(类组件 函数组件)

react+ts中如何实现父子传值,父组件调用子组件方法

1.在使用antd-design中的submenu标签，需要自定义自己的icon，但案例中使用的icon，都是antd自带的，可能不能满足我们的需要2.开发需要自定义自己的icon，我们可以这样做

1.报错this.getOptions is not a function解决办法:可能是由于less-loader的版本过高可以将当前版本卸载,再安装7.x的版本npm uninstall less-loadernpm install less-loader@7.1.02.报错options has an unknown property ‘modifyVars’. These properties are valid解决办法:modifyVars 语法问题修改根目录下的config

问题源头:在根路径下的index.html 引入了某个css解决办法:1.将引入的相对路径改为绝对路径2.使用默认引入的方式 %PUBLIC_URL%/ 资源路径3.将react的路由模式BrowserRouter修改为HashRouter

1.父组件import react,{Component} from 'react'import ChildPage from './child'export default class Parent extends Component{ fn(){ if(this.ChildPage){ this.ChildPage.dream('哈哈') //调用子组件的dream方法 } } render(){ return( <div c

父组件这里的onRef就是我需要用到的<Search onRef={this.onRef} selectRemove={this.selectRemove} selectChange={this.selectChange} searchList={this.state.searchList} />//Ref指向子组件onRef = (ref) => { //因为我这里的组件是Search 这个就是组件的名字 this.Search = ref}

1.使用iconfont字体图标，下载到本地2.解压到public文件夹下3.在public文件夹下的index.html引用tips：很多小伙伴像第一种引用方式的时候，进入页面的第一次可以正常显示，但刷新页面就改变了。需要在路径前面加上一个模板。这样css文件就不会解析成相对路径啦。4.我们来看下使用第一种方式引用的css加载路径吧是在当前路由的路径下面噢5.我们再来看看加了...

前言：相信小伙伴在使用react.js的过程中，会碰到这种情况，state的值更新了，input框的value值没有更新。因为我们设置的属性是defaultValue={number}，这种可以实现手动编辑，但是不会随着state值变化而更新，我们将属性更改为value={number}之后，发现又没办法输入了，这个时候需要使用input的onChange方法去更新1.在代码中使用input框...

前言：本功能主要实现，在react中通过接收后端数值，比如5，就渲染5个span标签1.在react项目中<p className="star">{this.renderStar(this.state.item.detail.favoritedCount)}</p>2.调用 renderStar 方法，传回了一个值，这个值就是后端数值，比如53.书写 render...

1.安装 react-app-rewired customize-cra yarn add react-app-rewired customize-cra2.修改package.json/* package.json 的配置需要做如下修改*/"scripts": {- "start": "react-scripts start", //默认脚手架生成的，需要修改为下面的，同...

1.Create-react-app建的项目，需要访问多个跨域接口，按照CRA的官方文档安装了http-proxy-middleware后，进行了下面的配置：const proxy = require('http-proxy-middleware');module.exports = function(app) { app.use( '/api', proxy({ ...