qq_41820599的博客

不获取复制节点，直接获取原生节点。但是会有一个问题，就是原生节点消失。因为appendchild会将原来节点移动到新的位置上，所以pdf导出之后原节点消失。由于代码中进行了dom字符串的复制，而echarts用canvas绘制，canvas内部内容不会进行复制，只会复制canvas节点，因此导出pdf空白。所以在生成pdf之后，将节点再放回父节点中。导出pdf，统计图部分为空白。

最底部ClassStatistics = Form.create()(ClassStatistics);export default ClassStatistics;

title:{ text:"12.45w", left:"center", top:"33%", textStyle:{ color:"#333333", fontSize:30, align:"center" } .

悬浮样式修改tooltip: { textStyle:{ fontSize:14, color:'#fff' }, backgroundColor: 'rgba(51, 51, 51, 0.7)', // borderColor: 'rgba(51, 51, 51, 0.7)', .

分页前端需要写一个假分页，而统计图是一个组件。echarts官网有图例分页。通过加type：scroll就可以实现，但是图例为一行，并不是两行，所以样式不允许。而实现两行图例我的方法是将legend用为数组，里面加两条数据。两个data分别代表上下两行的数据。思考tsakKanban为父组件传入的统计图数值，比如tsakKanban传入了53条数据，而[0,53]为全集，[0,10][10,20][20,30],[30,40][40,43]为[0,53]的子集，所以我应该把全集分为十条一组。.

Little Tip遇到的小问题在componentDidMount的周期函数钟，初始化函数时，数组push进去了，但是不能获取出现这种情况，悬停后面的小i提示This value was evaluated upon first expanding. It may have changed since then.。百度之后显示数组在console之后还进行了更改，所以不能获取到数组。原因如图所示，先输出了88行信息，其次输出70行信息，最后输出84行信息。所以在88行运行的情况下，数组还未

由于父组件没有传给子组件history的值，所以会报错方法1：父组件加上history={this.props.history}（我用没好使）方法2：子组件import { withRouter } from ‘react-router’export default withRouter(Index)

npm install react-countupimport CountUp from 'react-countup';<CountUp ref={el=>this.countupP=el} className="custom-count" start={0} end={teaStuSpaceNum ? teaStuSpaceNum : 0} duration={1} redraw={false} //如果为true，则组件将始

static getDerivedStateFromProps(props, current_state) { if(props.planCourseKanban){ return{ planCourseKanban:props.planCourseKanban } } return null }使用getDerivedStateFromProps监控组件...

try { const jsonparam = JSON.parse(codeParam); console.log('jsonparam',jsonparam) this.setState({ planIds: jsonparam.planIds, },()=.

//文件下载 downloadFile=(index)=>{ let fileName=this.state.fileList[index].fileName let resourceId=this.state.fileList[index].resourceId const url = window.$$gw('//api/fujian/api/v1/fujian/download'+'/'+resourceId+ '/'+ fileName.

手机号rules: [ { required: noValida ? false : true, message: "手机号不能为空!", }, { pattern: /^(?:(?:\

antd table排序悬停颜色变深，因为position属性为absolute，改为relative消失

边框不是border也不是outline，就是图片本身没有src但是使用了background来显示图片解决办法两种1.给图片加一个透明背景2.img变为div 或者span

在antd 官网我使用的是defaultSelectedRowKeys，页面对默认数值进行了反显但是在我的代码中并不好使我用了selectedRowKeys<Table className='table-cy' rowSelection={{type:"checkbox", selectedRowKeys:arr, defaultSelectedRowKeys:["1391713813278482433"], ..

<Form.Item label="备注"> { getFieldDecorator('studentNum')( <div> <TextArea maxLength={50}

validator单独写在一个对象中。必须先判断value是否存在，否则验证后台提示，页面不显示未添加代码部分//用户名称校验const handleName=(rules,value,callback)=>{if(value){if (value.length<2 || value.length>10){console.log(“0000”)callback(‘请输入2-10位用户名称’)return}}else {callback()}}<Form..

子组件通过this.props得方式给父组件传一个getDisabledAll得方法，disabled的方法传入父组件子组件子组件通过getDisabledAll={this.getDisabledAll.bind(this)}得回调方法在父组件页面定义一个getDisabledAll得函数，将子组件data传入到父组件得childSelectedAll的变量中。注意，在父组件接收子组件数值的时候我忘记加入bind，导致this.setState会报错控制台输出...

正常specialColumnList.map这样渲染节点，报错，map不存在。我以为是我的写法或者数组类型不对，但是后来发现没有问题我发现在渲染节点的时候数组并未赋值（在数据初始化赋值），所以数组未找到会报错。做了一个判断，判断数组存在的时候开始渲染节点，问题解决。...

1.import 方法import imgURL from ‘./…/images/photo.png’;<img src={imgURL } />2 require方法 这种方法需要注意的是，require里只能写字符串，不能写变量。<img src={require(’./…/images/photo.png’)} />require方法不能引入变量，这是个坑...