React常见问题解决

Dear 丶 2021-09-21 03:26 436阅读 0赞

# React常见问题解决 #

本文是基于Windows 10系统环境，学习和使用React：

*  **Windows 10**

--------------------

## 一、react常见问题解决方案 ##

### (1) 拼接字符串（常量+变量） ###

const variable = 'department'
    const param1 = 'inspur'
    const param2 = 'chaoyue'
    <a href={ 'https://wap.inspur.com/' + variable}>
    	${ param1}--${ param2}
    </a>
    //inspur--chaoyue

<FormItem label={ formatMessage({  id: 'app.mail.read' })}>
        { getFieldDecorator('senderInfo', { 
            initialValue: `${ sender}--${ time}`
        }
        )(
            <Input readOnly />
        )}
    </FormItem>

### (2) 阻止默认事件和冒泡 ###

handleCheck = (e, item) => { 
            e.stopPropagation();
            console.log('handleCheck');
            console.log(item);
        }

### (3) 设置启动的端口号 ###

## 打开react项目的 package.json文件
    ## 将 scripts中的start键值对
      "start": "react-app-rewired start"
    ## 修改为
      "start": "set PORT=3008&&react-app-rewired start",

### (4) 输出<,<=,>,>= ###

<span>&gt</span> # >
    <span>&ge</span> # >=
    <span>&lt</span> # <
    <span>&le</span> # <=

### (5) 合并两个列表 ###

let a = [1, 2, 3];
    let b = [4, 5, 6];
    let c = a.concat(b);
    console.log(c); // c= [1, 2, 3, 4, 5, 6]

## 二、ant design常见问题解决方案 ##

### (1) 设置Select下拉框的显示层级 ###

<Select dropdownStyle={ {  zIndex: 10001 }}>
        <Option value='chaoyue'>浪潮超越</Option>
    </Select>

--------------------

发表评论取消回复

表情：

评论列表（有 0 条评论，436人围观）

还没有评论，来说两句吧...

相关阅读

相关解决react下载慢的问题

1. 切换npm默认使用镜像仓库 > npm config set registry https://registry.npm.taobao.org 2.检擦是否切换

蔚落/ 2024年04月03日 13:10/ 0 赞/ 135 阅读

相关 wps常见问题解决

wps常见问题解决 wps一行没有写满就自动换行 wps目录识别不准确 wps一行没有写满就自动换行输入几个字就自

「爱情、让人受尽委屈。」/ 2023年06月20日 09:19/ 0 赞/ 42 阅读

相关常见问题解决办法

1、CentOS7 解决无法挂载NTFS格式的U盘。添加源安装ntfs-3g包，参考[CentOS7 解决无法挂载NTFS格式的U盘 - 程序员大本营][CentOS7 _N

旧城等待，/ 2023年01月13日 08:33/ 0 赞/ 446 阅读

相关 React的跨域解决问题

React的跨域解决问题第一种方法在`package.json`中的 ![代理配置][watermark_type_ZmFuZ3poZW5naGVpdGk_s

约定不等于承诺〃/ 2022年10月27日 15:58/ 0 赞/ 44 阅读

相关 react 内存泄露常见问题解决方案

写在前面在写 react 代码的时候经常遇到如下的报错 Can't perform a React state update on an unmount

墨蓝/ 2022年10月01日 09:53/ 0 赞/ 526 阅读

相关 wcf 常见问题解决

1. 序列化最大值问题，如下：在一些接口需要序列化的数据很大，就会报错，而数据量小则没有问题， InnerException 消息是“对象图中可以序列化或反序列化的项目数

朴灿烈づ我的快乐病毒、/ 2022年06月14日 02:43/ 0 赞/ 191 阅读

相关 Gerrit常见问题解决

由于要做代码审核，公司部分项目从gitlab上迁移到了gerrit系统上，很多人在使用中会经常出现以下问题，这里记录下。问题：从gitlab上克隆了代码，并且已经进行了修改

- 日理万妓/ 2022年05月14日 00:54/ 0 赞/ 891 阅读

相关 React代理请求解决跨域问题

假设下面的常量存放的地址是我们请求的地址 const endPointURI = ‘[https://08ad1pao69.execute-api.us-east-1.am

绝地灬酷狼/ 2022年04月24日 16:30/ 0 赞/ 381 阅读

相关 react-table实操问题解决方法

npm install react-table 如果想要引用react-table/react-table.css，那么建议下载V6版本的react-table 简

谁借莪１个温暖的怀抱￠/ 2022年04月13日 11:28/ 0 赞/ 680 阅读

相关 React常见问题解决

React常见问题解决本文是基于Windows 10系统环境，学习和使用React： Windows 10 -------------------- 一、

Dear 丶/ 2021年09月21日 03:26/ 0 赞/ 437 阅读