React Redux create container with render function for template

Question

I want to create a container with simple html template like this:

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

thats all... so how do I use a container with creating it with

connect(mapStateToProps,mapDispatchToProps)(ViewComponent);

as in this way, I have no option for regular render...

any ideas?

thanks

Codesingh · Accepted Answer · 2016-12-25 15:49:06Z

1

You can code like this:

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);

answered Dec 25, 2016 at 15:49

Codesingh

3,3941 gold badge14 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

VanDavv · Accepted Answer · 2016-12-25 18:14:32Z

0

I would use Stateless function instead of component:

import React from 'react';

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

Foo.propTypes = {};

const mapStateToProps = () => {}

const mapDispatchToProps = {}

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

answered Dec 25, 2016 at 18:14

VanDavv

8562 gold badges14 silver badges39 bronze badges

Collectives™ on Stack Overflow

React Redux create container with render function for template

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related