总结，交流，记录，成长

你是不是遇到过这样的问题，花费了很多精力在一个子组件中写好了一段代码，比如一个逻辑复杂的按钮，离发布已经不久了，产品这时告诉你这个按钮需要移动下位置，比如移动到父组件的页面顶部。从产品的角度，不就移个位置，有什么难的。但其实移动到上级甚至上上级的组件中，当前在子组件维护的所有状态，调用的方法是不是都要迁移过去，顿觉好坑。方案一：通过css定位实现，缺陷，如果有其它元素占用页面空间，就要重新改变定位值。方案二：就是我要说明的createPortal用法，大胆尝试一下，你会发现新大陆。

【代码】实现页面内容变化后自动滚动。

【代码】highcharts react使用方法。

react应用使用react-activation保存状态。

当超长页面时,进入页面滚动条不在最顶部的处理。实现原理: onload事件监听。

自定义hook

setState机制react setState持续修改拿不到最新值的问题，setState()实际上可以接受一个函数作为参数，函数的首个参数就是上一次的state。参考： 掘金const file = {d: 1};this.setState( prevState => { return { fileList: [...prevState.fileList, file]...

使用axios上传文件时需要进度条，可通过监听axios的onUploadProgress获取当前文件上传进度，进度条可以用antd的Progress实现过程中出现问题request.upload.addEventListener in not a function。参考南柯一梦的博客https://www.cnblogs.com/leeke98/p/10491358.html原来和mock...

在不是用redux的情况下，使用子（孙）组件上的方法，或者属性import React, {Component} from 'react';export default class Parent extends Component { render() { return( <div> <Chil...

react行内样式style={{color: "red"}}箭头函数渲染组件时{/* 箭头函数带{}需要加上return */}{users.map((user, i) => { return <User user={user} key={i} />;})}{/* 箭头函数不带{} */}{users.map((user, i) => ( &lt...

jsx插入htmlvar thisIsMyCopy = 'copy copy copy strong copy';最佳解决方案 您可以使用dangerouslySetInnerHTML，例如render: function() { return ( div className="content" dangerouslySetInnerHTML={{__ht