React常见问题解决

Dear 丶 2021-09-21 03:26 459阅读 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 条评论，459人围观）

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

相关阅读

相关解决react下载慢的问题

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

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

相关 React 开发模式解决跨域问题

package.json 文件下新增 ![2020072817414341.png][] Fetch请求接口时不需要添加接口域名。 [2020072817414341.

比眉伴天荒/ 2023年03月02日 10:17/ 0 赞/ 85 阅读

相关 React的跨域解决问题

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

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

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

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

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

相关 React Axios 请求解决跨域问题

网上看了很多的方案，但是不知道为什么，作为初学者，对react不太清楚的话，解决跨域还是有很多的问题。这篇博客针对小白，第一次调试react 跨域问题，甚至第一次使用Axios

秒速五厘米/ 2022年09月10日 02:29/ 0 赞/ 450 阅读

相关 create-react-app安装出错问题解决

在用create-react-app的时候。报错错误直接上图： ![这里写图片描述][70] 在SF上查到说是或许是因为国内npm拉去资源，拉去不到的问题，

心已赠人/ 2022年05月23日 06:05/ 0 赞/ 291 阅读

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

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

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

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

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

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

相关 React.js解决setState的异步问题

由于react中把setState设置为异步操作函数，这有时候会给我们带来以一些问题，下面介绍一下怎么解决这个问题。 1. 在setState完成的回调里执行需要的操作 s

雨点打透心脏的1/2处/ 2021年10月01日 04:34/ 0 赞/ 645 阅读

相关 React常见问题解决

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

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