进出口减速与之反应，终极版

我正在学习做出反应，终极版和我有这样进出口减速与之反应，终极版

const todoApp = combineReducers({ 
    todos, 
    visibilityFilter 
}) 

export default todoApp /*from reducers*/

一个例子吧我有

import reducer from './reducers' 

const store = createStore(reducer) 

render(
    <Provider store={store}> 
    <App /> 
    </Provider>, 
    document.getElementById('root') 
)

所以，它没有任何出口作为./reducers中的缩减器，并且ES6中的语法导入不是import * as reducer。它为什么有效？

来源

2017-03-17 Quoc-Hao Tran

出口默认todoApp

所以每当你 “./reducers'从进口XYZ'”，reducer.js会默认reducer.js返回 todoApp怎么一回事，因为正在恢复它。不管你给的名字是什么，你可以改变'.reducers''的进口减速器到 '从./reducers输入红色'，它也可以在这种情况下工作。
只有一件事你应该记住，无论何时导入默认元素，你应该避免在导入的元素周围应用'{}'。所以在你的情况“从”./reducer'“导入{reducer}将是错误的。
但是，如果你在写reducers.js“出口常量todoApp”，然后在情况下，你必须给确切的名称，同时将其导入，现在你必须进口为“进口{} todoApp从” ./reducers '
而且应该只有一个文件的默认导出。

来源

2017-03-17 09:48:19

是的，但是我的项目中没有文件缩减器。只有一个名为redurs的文件夹，那么./reducers在这里是什么？ –

**这代码下面必须写在一些文件中，哪个文件是** '常量todoApp = combineReducers（{ 待办事项， visibilityFilter }）出口默认todoApp' **结合减速器用于结合你的项目中的所有reducer返回一个reducer，它是所有reducer的组合，在你的情况下它是todoApp ** –

export default todoApp

所以当import reducer from './reducers'被称为todoApp存储里面reducer。这就是为什么我们使用默认关键字。变量名不需要是reducer它可以是任何东西。

通过使用默认的关键字单个值或回退值传递给进口它

同样，如果我们导出的函数，但没有默认如

export function someFunc(){...}

我们可以通过

导入文件

import {someFunc} from '/file/path.js'

编辑：文件只能有一个默认导出。当我们导入其他组件时，我们需要指定组件名称作为标识符（例如{someFunc}）。对于默认导入，我们可以使用任何我们想要的标识

进出口减速与之反应，终极版

回答

相关问题