相关疑难解决方法(0)

React中的这三个点做了什么?

什么是...做这个阵营(使用JSX)代码,什么是它叫什么名字?

<Modal {...this.props} title='Modal heading' animation={false}>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

762
推荐指数
13
解决办法
21万
查看次数

这个符号在JavaScript中意味着什么?

这是什么?

这是一系列关于JavaScript中语法的问题.这也是社区Wiki,因此邀请每个人参与维护此列表.

为什么是这样?

Stack Overflow不允许搜索特定字符.因此,在搜索运算符和其他语法标记时,很难找到许多关于运算符和其他语法标记的问题.这也使得关闭重复更加困难.以下列表是为了解决此问题.

主要思想是在Stack Overflow上链接现有问题,因此我们更容易引用它们,而不是复制ECMAScript规范中的内容.

此外,这是PHP符号引用的公然副本.我们需要一个JS.


请帮忙.编辑并添加指向其他运算符/语法参考的链接,或者如果您无法在特定语法上找到好的问题/答案,请添加此问题的答案并将其链接

javascript

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

ES2015/ES6中的Spread语法与Rest参数

我对ES2015中的spread语法和rest参数感到困惑.任何人都能用适当的例子来解释它们之间的区别吗?

javascript variadic-functions ecmascript-6 spread-syntax

55
推荐指数
5
解决办法
2万
查看次数

传播语法ES6

请考虑以下示例代码

var x = ["a", "b", "c"];
var z = ["p", "q"];

var d = [...x, ...z];

var e = x.concat(z);
Run Code Online (Sandbox Code Playgroud)

在这里,价值de是完全相同且等于 ["a", "b", "c", "p", "q"],所以,

  1. 这两者究竟有什么区别?
  2. 哪一个更有效率,为什么?
  3. 扩展语法的用途究竟是什么?

难道你不认为用正式的广泛语言引入这些小捷径可能会留下一些未被注意的错误,我的意思是要么是非常不必要的,要么我没有意识到它是否需要正确.

javascript ecmascript-6 spread-syntax

27
推荐指数
2
解决办法
3616
查看次数

什么"......"在Javascript(ES6)中意味着什么?

我正在学习Redux,React和ES6.我已经用JS开发了,但是这个ES6的新世界让我很惊讶,有许多新的东西,比如"=>"来声明箭头函数和其他.然而,在这个新的Redux研究中,我...在我的代码中间面对.

贝娄我有一个例子:

import { combineReducers, createStore } from 'redux'

const userReducer = (state={}, action) => {
    switch(action.type) {
        case 'CHANGE_NAME':
            state = {...state, name: action.payload};
            break;
        case 'CHANGE_AGE':
            state = {...state, age: action.payload};
            break;
    }
    return state;
};

const tweetsReducer = (state=[], action) => {
    return state;
};

const reducers = combineReducers ({
    user: userReducer,
    tweetsReducer: tweetsReducer,
});


const store = createStore(reducers);

store.subscribe(() =>
    console.log('The chage was: ', store.getState())
);

store.dispatch({type: 'CHANGE_NAME', payload: 'Will'})
store.dispatch({type: 'CHANGE_AGE', payload: 21}); …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 redux

5
推荐指数
1
解决办法
4582
查看次数

javascript 三点语法

我正在将Vuetify用于 vue 应用程序,在这个文件中我看到了一个非常奇怪的语法,我找不到它是什么

在第 38 行:

const data = {
    attrs: { disabled: this.disabled },
    class: this.classes,
    props: {},
    directives: [{
      name: 'ripple',
      value: this.ripple || false
    }],
    on: {
      ...(this.$listeners || {}),  // <<<---- here
      click: this.click
    }
  }
Run Code Online (Sandbox Code Playgroud)

谁能说出那三个点是什么?任何关于这方面的文章都会很好

谢谢

javascript vue-component vuejs2 vuetify.js

5
推荐指数
1
解决办法
7110
查看次数

React JS Error"... rest"语法错误:意外的令牌

我是React的新手,看着这个ReactTraining.我想将我的一些路径设为私有(这样您只能在登录时查看它们).我能够很好地验证用户并将它们引导到新页面,但现在我想"保护"该页面,以便只有在登录后才能访问.我发现了一些似乎使用相同"PrivateRoute"的不同来源 "功能如下.到目前为止,一切似乎都很有效(并且有意义),除了以下代码的"...... rest"部分:

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route {...rest} render={props => (
    fakeAuth.isAuthenticated ? (
      <Component {...props}/>
    ) : (
      <Redirect to={{
        pathname: '/login',
        state: { from: props.location }
      }}/>
    )
  )}/>
)
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

Uncaught Error: Cannot find module "./components/Login"
    at webpackMissingModule (router.js:9)
    at Object.<anonymous> (router.js:9)
    at __webpack_require__ (bootstrap 18b9132…:555)
    at fn (bootstrap 18b9132…:86)
    at Object.<anonymous> (index.js:22)
    at __webpack_require__ (bootstrap 18b9132…:555)
    at fn (bootstrap 18b9132…:86)
    at Object.<anonymous> (bootstrap 18b9132…:578)
    at __webpack_require__ (bootstrap 18b9132…:555) …
Run Code Online (Sandbox Code Playgroud)

javascript web-applications reactjs react-router react-router-redux

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