reactjs - 如何在反应中导出多个函数调用？

Question

我的文件中有这个：

 export default withAuth(authOptions)(ProfilePage);

但我还需要导出这个：

function mapStateToProps (state) {
  const { isLoggedIn } = state
  return { isLoggedIn}
}
const mapDispatchToProps = dispatch =>
  bindActionCreators({ logInUser }, dispatch)

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(ProfilePage)

我可以将它们结合起来，这样它们都可以工作吗？

Answer 1

您可以使用JS#named export.

export const  mapStateToProps =  (state)=> {
  const { isLoggedIn } = state
  return { isLoggedIn}
}
export const mapDispatchToProps = dispatch =>bindActionCreators({ logInUser }, dispatch)

现在将其导入其他文件

//test.js

import ProfilePage,{mapStateToProps ,mapDispatchToProps} from "path_to_file"