相关疑难解决方法(0)

default从 ES6 JavaScript 模块导入和命名资源的正确语法是什么？

例子：

export const defaultBrowser = 'Chrome';

export default [
  { value: 0, label: defaultBrowser },
  { value: 1, label: 'Firefox' },
  { value: 2, label: 'Safari' },
  { value: 3, label: 'Edge' },
];

如何将一个import在一气呵成？

它不是什么时候应该使用花括号进行 ES6 导入？，它更具体，要求一个单一的import用例，而不是import一篇文章。

在这一行：

import React, { Component } from "react";

为什么大括号只在 Component 周围而不是在“React”上？

我在我的react-native项目的chrome控制台中收到此警告消息。你知道我为什么要得到这个吗？

这是完整的消息：

需要周期：node_modules / react-native-radio-buttons / lib / index.js-> node_modules / react-native-radio-buttons / lib / segmented-controls.js-> node_modules / react-native-radio-buttons / lib /index.js

允许循环，但可能导致未初始化的值。考虑重构以消除循环的需要。

我感谢任何建议。谢谢

我是ES6的新手,对导出和导入类的方式有点困惑.似乎许多不同的符号是有效的,但工作方式不同.

我写了这样一个类src/web-api.js:

class WebApi {
    // ...
}

export { WebApi };

我导入的是:

import { WebApi } from './src/web-api.js'

这工作正常,但在我尝试相同的事情之前没有花括号,它没有工作:

export WebApi; // Tells me '{' expected

import WebApi from './src/web-api.js'; // No syntax error but WebApi is undefined

即使在导出的MDN文档中,符号export expression;似乎也是有效的.

同样,这就是我的应用程序文件中导入React的方式:

import React, { Component } from 'react';

为什么一个类和另一个没有大括号？一般来说,我怎么知道何时使用而不是使用花括号？

我已经在stackoverflow中提到了所有问题.但没有提出为什么以及何时使用默认导出.

我刚看到默认值可以提到"当文件中只有一个导出时"

在es6模块中使用默认导出的任何其他原因？

我刚刚开始将nuxt用于vue。我在/ components文件夹中添加了一个组件，并且试图在我的页面之一中使用它。

不幸的是，编译时我得到了这个警告：

"export 'AddPlaceModal' was not found in '~/components/AddPlaceModal.vue'

我正在尝试通过以下方式使用它：

<script>
import {mapActions, mapGetters} from 'vuex';
import {AddPlaceModal} from '~/components/AddPlaceModal.vue'; 

export default {
    components: {
        'add-place-modal': AddPlaceModal
    },
...

组件本身看起来像：

<script>
export default {
    data() {
        googleLocation: null;
    },
...

任何想法为什么会这样？

store.js

import {createStore, applyMiddleware} from 'redux';
import createLogger from 'redux-logger';
import rootReducer from './reducers/index';

const logger = createLogger();

const createStoreWithMiddleware = applyMiddleware(logger)(createStore);

export default function configureStore(initialState) {
  return createStoreWithMiddleware(rootReducer, initialState);
}

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import TrackList from './components/TrackList';
import {configureStore} from './store';
import * as actions from './actions';

const tracks = [
  {
    id: 1,
    title: 'Title 1'
  },
  {
    id: 2,
    title: 'Title 2'
  }
];

const store = configureStore();
store.dispatch(actions.setTracks(tracks));

ReactDOM.render(
  <TrackList …

我已经看到了从ES6中的另一个模块导入代码的以下两个变体:

import {module}  from "./Module"

和

import module from "./Module"

其中module是文件中定义的ES6类

Module.js

两个import语句有什么区别？

我正在学习Javascript导入,当我们从另一个JS文件导入项目(函数,对象,变量)时使用花括号时我还没理解.

import Search from './models/Search';
import * as searchView from './views/searchView';
import { elements, renderLoader } from './views/base'
//elements is an object, renderLoader is a function

我是新来的React,并Material UI和我试图创建一个AppBar与Tabs儿童.我目前的实现如下:

import {React, PropTypes, Component} from 'react';
import TodoTextInput from './TodoTextInput';
import injectTapEventPlugin from 'react-tap-event-plugin';
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'
import getMuiTheme from 'material-ui/styles/getMuiTheme'
import {Tabs, Tab} from 'material-ui/Tabs';
import {AppBar} from 'material-ui/AppBar';

const styles = {
  headline: {
    fontSize: 24,
    paddingTop: 16,
    marginBottom: 12,
    fontWeight: 400
  }
};

function handleActive(tab) {
  alert(`A tab with this route property ${tab.props['data-route']} was activated.`);
}
const defaultStyle = {
  marginLeft: 20
};

class Header extends …