reactjs - 如何将 redux 连接到非默认组件

Question

我有一个包含多个组件的文件，我想将其导出并将其全部连接到 redux，我该如何执行此操作？

连接包装器需要导出默认值，但我有多个组件。

Answer 1

您不必导出默认值即可使用连接。您可以连接同一文件中的多个组件，无论是否导出它们。尽管我建议每个文件只放置 1 个组件

import React from 'react'
import { connect } from 'react-redux'

// This also works without the export statement
export const Comp1 = connect(
    state => ({
        someProp: state,
    })
)(({ someProp }) => (
    <div>
        <h1>Comp 1</h1>
        <p></p>
    </div>
))

const Comp2 = connect(
    state => ({
        someProp: state,
    })
)(({ someProp }) => (
    <div>
        <h1>Comp 2</h1>
        <p></p>
    </div>
))

export default Comp2