服务器端 React-Redux，Express 没有额外的 ES6 和 JSX 语法

Question

我对 react-redux 非常感兴趣，阅读了托管实际应用程序的方法，并提出了 Express 中间件是我想做的最好的。我在尝试弄清楚如何为 react-redux 实现服务器端属性时遇到问题，因为我注意到我不熟悉语法中的部分代码。

这是服务器端的代码。

import path from 'path'
import Express from 'express'
import React from 'react'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import counterApp from './reducers'
import App from './containers/App'
const app = Express()
const port = 3000
//Serve static files
app.use('/static', Express.static('static'))
// This is fired every time the server side receives a request
app.use(handleRender)
// We are going to fill these out in the sections to follow
function handleRender(req, res) { /* ... */ }
function renderFullPage(html, preloadedState) { /* ... */ }
app.listen(port)

好的，所以我不知道带大括号的这部分是什么意思：

import { createStore } from 'redux'
import { Provider } from 'react-redux'

是否需要在 React-Redux 的服务器快速代码中使用 ES6/JSX/Babel 语法？

Answer 1

这与代码的逻辑无关。这只是从库中导入导出的子模块/函数的一种方法。

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import

import { createStore } from 'redux'

与 相同

let createStore = require('redux').createStore