Javascript ReactJs字符串必须使用singlequote

我正在尝试在我的react应用程序上安装react multi carousel。我有一些错误方面的困难，比如：

第1:34行：字符串必须使用单引号第2:22行：
字符串必须使用单引号第3:8行：字符串必须使用 单引号第36:53行：字符串必须使用单引号 引号行42:43：字符串必须使用单引号行 42:53:字符串必须使用单引号

这是我的密码

import React, { Component } from "react";
import Carousel from "react-multi-carousel";
import "react-multi-carousel/lib/styles.css";


class GameList extends Component {

    render() {

        const responsive = {
            desktop: {
                breakpoint: { max: 3000, min: 1024 },
                items: 3,
                slidesToSlide: 3, // optional, default to 1.
            },
            tablet: {
                breakpoint: { max: 1024, min: 464 },
                items: 2,
                slidesToSlide: 2, // optional, default to 1.
            },
            mobile: {
                breakpoint: { max: 464, min: 0 },
                items: 1,
                slidesToSlide: 1, // optional, default to 1.
            },
        };

        return (
            <Carousel
                swipeable={false}
                draggable={false}
                showDots={true}
                responsive={responsive}
                ssr={true}
                infinite={true}
                autoPlay={this.props.deviceType !== "mobile" ? true : false}
                autoPlaySpeed={1000}
                keyBoardControl={true}
                customTransition="all .5"
                transitionDuration={500}
                containerClass="carousel-container"
                removeArrowOnDeviceType={["tablet", "mobile"]}
                deviceType={this.props.deviceType}
                dotListClass="custom-dot-list-style"
                itemClass="carousel-item-padding-40-px"
            >
                <div>Item 1</div>
                <div>Item 2</div>
                <div>Item 3</div>
                <div>Item 4</div>
            </Carousel>

        );
    }
}
export default GameList

import React，{Component}来自“React”；
从“react multi Carousel”导入转盘；
导入“react multi carousel/lib/styles.css”；
类GameList扩展组件{
render（）{
常数响应={
桌面：{
断点：{max:3000，min:1024}，
项目：3，
slidesToSlide:3，//可选，默认为1。
},
平板电脑：{
断点：{max:1024，min:464}，
项目：2，
slidesToSlide:2，//可选，默认为1。
},
流动电话：{
断点：{max:464，min:0}，
项目：1，
slidesToSlide:1，//可选，默认为1。
},
};
返回(
项目1
项目2
项目3
项目4
);
}
}
导出默认游戏列表

这是eslint警告，不是react错误。您的根文件夹上需要一个.eslintrc

{
  "rules": {
    "quotes": [2, "double"]
  }
}

注意：当字符串包含在单引号内时，这将引发错误。只需在编辑器中右键单击并选择

Eslint Fix

，即可解决问题

---

这是eslint警告，不是react错误。您的根文件夹上需要一个.eslintrc

{
  "rules": {
    "quotes": [2, "double"]
  }
}

注意：当字符串包含在单引号内时，这将引发错误。只需在编辑器中右键单击并选择

Eslint Fix

，即可解决问题

---

这是一个

es lint

警告。您可以在es lint配置文件（.eslintrc）中修复此问题

---

这是一个

es lint

警告。您可以在es lint配置文件（.eslintrc）中修复此问题

---

这是eslint错误。这不是一个react错误，那么如何修复它呢？从警告消息中可以非常清楚地看到。使用单引号。例如

removeArrowOnDeviceType={['tablet'，'mobile']}

正确的解决方案是阅读一些关于eslint的最佳实践，并相应地配置您的首选项。这是eslint错误。这不是一个react错误，那么如何修复它呢？从警告消息中可以非常清楚地看到。使用单引号。例如

removeArrowOnDeviceType={['tablet'，'mobile']}

正确的解决方案是阅读一些关于eslint的最佳实践，并相应地配置您的首选项。