React
程序员Aike
Just Keep Coding
-- https://github.com/codeaike/
展开
-
React开发-某一组件Click事件关联其他组件时-bind函数的使用
1、场景一背景:实现点击"添加"按钮时 增加某一列元素,之后点击"删除"按钮,删除新增出的该列元素 问题:"删除"按钮 要关联,这列元素中的下拉框元素,获取该下拉框的信息,以便重新绘制页面 解决:“删除”按钮绑定的click事件修改为 this.click.bind(this,[具体索引值/该列下拉框元素引用]),这样在调用click事件时,就会把第二个参数的值传...原创 2018-11-24 15:39:23 · 1285 阅读 · 0 评论 -
React开发-根据变量动态添加render中的JSX元素
1、背景需要根据某变量,如列表元素,const values = [{'text':'123'},{'text':'456'}],动态绘制页面元素,如上述列表元素需要绘制出两个 下拉框+输入框 的组合。2、问题:一般绘制页面代码如下:import React, { Component } from 'react';class A extends Component { ...原创 2018-11-28 09:29:34 · 8417 阅读 · 1 评论 -
HTML元素Iframe嵌入跨域界面(React代码)
背景:使用Iframe嵌入别的域的界面,涉及安全、跨域等问题代码:import React, { Component } from 'react';class A extends Component { // xxx; render() { return ( <div className="xxx"> ...原创 2018-12-11 20:32:50 · 8834 阅读 · 0 评论 -
Promise返回JSX Element问题-React解决方案
1、背景 绘制一个多级控件,控件中定义的一个option为返回JSX Element的函数,但是业务需要触发该操作时需要向后台请求数据,根据请求回来的数据去构造该JSX Element。 2、问题描述 真实调用过程中,由于option指向函数的调用是同步的,函数返回总是优先于异步请求回来后台数据,导致元素渲染失败。 3、解决方案 3.1、使用同步Ajax请求...原创 2019-01-14 09:48:34 · 2629 阅读 · 0 评论 -
Redux的基本使用及react组件中的函数引用问题探讨
1、为什么要用redux(以下原因描述 摘自 https://www.jianshu.com/p/d6614feef303)Redux专门用于管理状态Redux官方文档对Redux的定义如下:一个面向JavaScript应用的可预测状态容器。你可能会问,“如果React已经在为我的应用管理前端状态,为何还需要Redux?”使用Redux的主要优势之一是它可以帮你处理应用的共...原创 2019-02-02 17:45:20 · 647 阅读 · 0 评论 -
React中定时器的使用及清除
注意点1、定时器中this一般指向为window对象2、react箭头函数中定时器中也可以使用this,为当前class对象 实践:1、定时器赋值给全局变量,异步动作后清除class TopoPanel extends Component { constructor(props) { } startGetTopoDataInterval = ()...原创 2019-02-02 18:10:15 · 14979 阅读 · 0 评论 -
【转载】package-lock.json的作用
【转载】package-lock.json的作用:原文地址:https://www.cnblogs.com/cangqinglang/p/8336754.htmlpackage-lock.json的作用:其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 引用知乎@周载南的回答根据官方文...转载 2019-02-20 16:50:03 · 173 阅读 · 0 评论