小编Ale*_*ong的帖子

如何更新React中的嵌套状态属性

我试图通过使用这样的嵌套属性来组织我的状态:

this.state = {
   someProperty: {
      flag:true
   }
}
Run Code Online (Sandbox Code Playgroud)

但是像这样更新状态,

this.setState({ someProperty.flag: false });
Run Code Online (Sandbox Code Playgroud)

不起作用.怎么能正确完成?

javascript setstate ecmascript-6 reactjs

288
推荐指数
13
解决办法
18万
查看次数

使用括号表示法访问嵌套属性

说我有 var input = {'name':'john'}

我愿意 input['name'] = 'James'

它变成了var input = {'name':'john'}但我可以用点传递值来访问嵌套属性吗?

喜欢

var input = {"name":"john","grades":"{english:"A","math":"C"}"}

我无法通过执行input["grades.math"].

javascript ecmascript-6

10
推荐指数
1
解决办法
1万
查看次数

在 Jest 中使用模拟找不到模块“../request”错误

我有一个包含这一行的测试文件

jest.mock('../request');
Run Code Online (Sandbox Code Playgroud)

但似乎找不到我的模拟文件夹和它的请求文件。我的文件夹结构如下

在此处输入图片说明

我在这里遵循了开玩笑的例子https://github.com/facebook/jest/tree/master/examples/async

有什么线索吗?

reactjs jestjs

9
推荐指数
1
解决办法
1万
查看次数

es6的解构但传递动态变量

说我state是这样的:

{
  item:{
      a:'a',
      b:'b'
  }
}
Run Code Online (Sandbox Code Playgroud)

然后我就能a从项目中拉出来:

const { a } = this.state.item

但能够以动态使用{}es6

例如const { variable } = this.state.item,变量可以是ab.

javascript reactjs

8
推荐指数
1
解决办法
1950
查看次数

使用laravel的布局排除某些部分

我有一个布局刀片文件 @include('footer')

但在一页中我遇到了这个问题:我想扩展该布局但不想包含页脚。

所以我该怎么做?有什么方法可以检查我的 layout.blade.php 中使用布局文件的页面吗?

php laravel

4
推荐指数
1
解决办法
2288
查看次数

如何使用 Link 将 div 包装在 React 中?

<Link to="/promospace/detail">
    <div className="card">
        /* content */
    </div>
</Link>
Run Code Online (Sandbox Code Playgroud)

我不能在上面做,没有错误,但它不起作用。任何线索如何将 div 包装在 Link 中?或者我必须将它绑定到点击处理程序?无法在 jsx 中使用链接?

javascript reactjs

4
推荐指数
1
解决办法
1万
查看次数

虽然测试失败了,但是开始测试显示通过

import React from 'react';
import CrudApi from '../api/CrudApi'; 
import nock from 'nock';

describe('CrudList Component', () => {

    it('should have users', () => {

        afterEach(() => {
          nock.cleanAll()
        })

        CrudApi.getAll().then(
          data => {expect(data).toHaveLength(9) // this failed
          console.log(data.length) // 10}
        )
    });
});
Run Code Online (Sandbox Code Playgroud)

这是我的测试用例,它假设失败,因为getAll返回10个数组.在我的cmd我看到测试通过?

在此输入图像描述

javascript reactjs jestjs enzyme

3
推荐指数
1
解决办法
1398
查看次数

es6 jsx语法错误,使用“`”

const { module } = this.props;

return(
    <div className="Card">
        <Link to=`/${module}/detail`></Link>
    </div>
 )
Run Code Online (Sandbox Code Playgroud)

上面的语法有什么问题?我有错误JSX value should be either an expression or a quoted JSX text

javascript ecmascript-6 react-jsx

3
推荐指数
1
解决办法
1072
查看次数

跳过将值赋给const

我正在使用flux,我发现下面的代码并不优雅.我不能在这里跳过const吗?有没有办法让它成为一条线?

static getPropsFromStores(props) {
    const { items } = CrudStore.getState();
    return { items };
}
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs

2
推荐指数
1
解决办法
54
查看次数

Lodash检查数组是否是对象数组?

我找不到任何可以区分普通(例如整数)数组和对象数组的Lodash方法,因为JavaScript将对象视为数组.

两者都会回归真实

console.log(_.isArray([1,2,3])); // true
console.log(_.isArray([{"name":1}])); // true
Run Code Online (Sandbox Code Playgroud)

javascript underscore.js lodash

2
推荐指数
1
解决办法
8720
查看次数