React Redux 创建具有模板渲染功能的容器

Question

我想用这样简单的 html 模板创建一个容器：

<div>
    <one />
    <two />
    <three />
</div>

就这些了...那么我如何使用容器并通过

创建它

connect(mapStateToProps,mapDispatchToProps)(ViewComponent);

像这样，我没有常规渲染选项...

有什么想法吗？

谢谢

Answer 1

你可以这样编码：

import {one} from ""
import {two} from ""
import {three} from ""
import {component} from react
import {connect} from react-redux

export default class ViewComponent extends component
{
  constructor(props)
  {
    super(props)
  }
  render()
  {
   return(
      <one />
      <two />
      <three />
   );
  } 

}

connect(mapStateToProps,mapDispatchToProps)(ViewComponent);

Answer 2

我会使用无状态函数而不是组件：

import React from 'react';

const Foo = () => (
<div>
  <one />
  <two />
  <three />
</div>
);

Foo.propTypes = {};

const mapStateToProps = () => {}

const mapDispatchToProps = {}

export default connect(mapStateToProps,mapDispatchToProps)(Foo);

React Redux 创建具有模板渲染功能的容器

React Redux create container with render function for template

reactjs

react-redux