Connect component not rendering props correctly

Question

I'm having a bit of an issue with Redux, as I'm trying to wrap my with connect(). Consider all imports valid(as they are). Here's the source code along with the output error.

import React, { Component } from 'react'
import { connect, bindActionCreators } from 'react-redux'
import * as counterActionCreators from '../core/actionCreators/count'

class CounterEgg extends Component {
  render() {
    const { onIncrement, store } = this.props
    let { value } = this.props
    value = store.getState()

    return (
      <div>
        Clicked: {value} times
        {' '}
        <button onClick={onIncrement}>
          +
        </button>
      </div>
    )
  }
}
function mapDispatchToProps(dispatch) {
  return {
    onIncrement: bindActionCreators(counterActionCreators, dispatch)
  }
}

export default connect(null, mapDispatchToProps)(CounterEgg);

I'm using webpack 2.0, FWIW

Even Stensberg
– Even Stensberg

2016-06-22 12:02:56 +00:00
Commented Jun 22, 2016 at 12:02 — Even Stensberg
– Even Stensberg, Commented Jun 22, 2016 at 12:02
I'm also subscribing the store through provider.

Even Stensberg
– Even Stensberg

2016-06-22 12:04:26 +00:00
Commented Jun 22, 2016 at 12:04 — Even Stensberg
– Even Stensberg, Commented Jun 22, 2016 at 12:04

U r s u s · Accepted Answer · 2016-06-22 12:18:45Z

4

One of your import is actually not valid:

import { connect, bindActionCreators } from 'react-redux'

bindActionCreators is part of redux, not react-redux.

So you should have

import { connect } from 'react-redux'

import { bindActionCreators } from 'redux'

answered Jun 22, 2016 at 12:18

U r s u s

7,05812 gold badges54 silver badges88 bronze badges

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

1 Comment

Even Stensberg Over a year ago

Thanks U r s u s !

Collectives™ on Stack Overflow

Connect component not rendering props correctly

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related