javascript - What is difference between "import {PROPERTY} from 'MODULE'" and "require(MODULE).PROPERTY"?

Question

Now I'm studying 'react-native-router-flux' with 'react-redux'. Beginning of my App.js Code is below.

import { Router } from 'react-native-router-flux';
const RouterWithRedux = connect()(Router);

import { createLogger } from 'redux-logger';
const logger = createLogger();

import ReduxThunk from 'redux-thunk';
const middleware = [logger, ReduxThunk];

I think this code is not neatly because I only use just one of Property from the Modules. Is there any better way to express it?

Maybe the below code is equal with above part of "logger".

const logger = require('redux-logger').createLogger();

How these works are different between import {property} and require.property?

Answer 1

如果你使用 import，Babel 就会在后台运行。还 require 可以要求文件是动态的。

Require 是同步的，import 是异步的，性能更好。Require 是一种 node.js 导入文件的方式。

我认为 import export 更具声明性。