小编Not*_*ous的帖子

我正在配置eslint并使用AirBNB样式指南.

我想把缩进(假设是2个空格)覆盖为4个空格.但无论我在.eslintrc中做什么,我都无法得到这个错误,因此我可以使用4个空格的缩进.

我的代码库中到处都有消息"预期缩进2个空格的聊天,但发现了4.(react/jsx-indent)".

我正在使用eslint 4.9.0.我该如何解决这个问题？谢谢.

使用FullCalendar插件 - 我正在尝试更改视图,对于移动设备"basicDay",但在桌面上我仍然希望视图保持为"basicWeek".

我是一个新手JS,并尝试了各种不同的if/elseifwith语句JS和PHP,但我不能让日历用于移动设备的正确显示.

你会在下面看到我的代码,我正在使用这个参数"windowResize"- 它完美无缺!仅在调整窗口大小时,但是当从移动设备新加载日历时,视图仍然是"basicWeek".

我已经尝试了各种语句来解决这个问题而没有运气,例如:

if( $(window).width() < 765 ) {
       <?php $view = 'basicDay'; ?>
} else {
       <?php $view = 'basicWeek' ?>
}

然后用PHP(显然不起作用)回显该值,并尝试使用其他if/elseif语句JS.这是我的fullCalendar代码如下:

$('#calendar').fullCalendar({
           header: {
                      left: 'prev,next today',
                      center: 'title',
                   },
           titleFormat:'MMMM D YYYY',
           hiddenDays: [0],
           columnFormat: 'dddd',
           defaultView: <?php echo "'" . $view . "'" ?>,

           // responsive
           windowResize: function(view) {
               if ($(window).width() < 765){ …

我有一个数组，其中包含一些错误“var HoldErrors”。我正在更新 React JS 应用程序中的状态：

this.setState({
   message: HoldErrors
});

当在屏幕上输出时，该数组已成为我向最终用户显示的一串错误消息，这很棒。但是如何用换行符分隔状态中的每个错误消息呢？

例如，当我构建数组时，我尝试在每个项目后添加一个“br”标签：

var HoldErrors = [];
Object.keys(data.errors).forEach(function(key){
    HoldErrors.push(data.errors[key].msg + '<br>');
});

显然“br”标签在 React 中是行不通的。那么，当我更新状态时，如何将数组中的每个错误放在自己的行上？干杯。

编辑：这就是我渲染组件的方式：

render() {
        return (
            <div className="Register">
                <h1>Register</h1>
                <form onSubmit={this.RegisterSubmit}>
                    <input type="email" ref="email" placeholder="Email address" />
                    <input type="text" ref="name" placeholder="Your name" />
                    <input type="password" ref="password" placeholder="Password" />
                    <input type="password" ref="passwordc" placeholder="Confirm password" />
                    <input type="submit" value="Register" />
                </form>
                <div className="validation-msg">{this.state.message}</div>
            </div>
        )
    }

在我将此代码实现到我的图像上传器之前,我正在研究一个简单版本的ReactDND.

每次添加图像时,它都会被添加到状态并传递给ReactDND,以便它可以拖动并且也可以放置(因此用户可以重新排列图像).

除了一件事,一切都很好.我遇到的问题是在添加多个图像之后,是一旦我拖放和图像(工作),状态不再为ReactDND更新,我无法添加新图像.

这是我的下面的代码(注意我只是使用一个按钮来添加额外的项目状态):

主要成分:

import React from 'react';

// Drag and drop stuff
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import Container from './Container';

class ImageUploader extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
            list: [],
            listCount: 1
        };

        this.onAddItem = this.onAddItem.bind(this);

    }

    onAddItem(e) {
        e.preventDefault();

        var listArray = this.state.list;
        var buildObject = {
            text: 'Jeremy' + this.state.listCount.toString(),
            age: '25',
            id: this.state.listCount
        };
        listArray.push(buildObject);

        let newListCount = this.state.listCount + 1;

        this.setState({
            list: listArray,
            listCount: newListCount …

我创建了一个带有 react-router 配置的 React 样板，它有 2 个页面（主页和关于）。

我在启用了静态网站托管的 Amazon S3 存储桶中托管了这个简单的应用程序。

我遇到的问题是，诸如 /about 之类的任何 URL 都会返回 404 错误以获取页面速度见解。示例：https : //developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.workzey.com%2Fabout

在我的 S3 存储桶中，我将索引和错误文档都设置为 index.html - 应该如此，以便 react-router 可以做到这一点。

这对我来说是个问题，因为我需要搜索引擎来抓取我的网站。我已经运行了来自其他 react JS 站点的内部 URL 的页面速度洞察，但它们似乎没有得到 404。

这是托管在 S3 上的 React 应用程序的最简单版本，为什么当我在使用 react-router 配置的内部 URL 上运行页面速度洞察时会发生这种情况？非常感谢该决议！