title: Redux on functional components in Reactjs (web)
body: <p>I am writing this question cause I would like to ask you for some help in how to use the redux on my functional components. I had a look at other examples with React components but I cannot understand how to get the "store" value in functional components.</p>
  
  <p>My idea is to use my </p>
  
  <blockquote>
    <p>store.getState() </p>
  </blockquote>
  
  <p>To check states and interact with the UI, inside my functional component but I cannot make it happen.</p>
  
  <p>Any help please ?</p>
  
  <p>For example, a functional component : </p>
  
  <pre><code>import React from 'react';
  import withStyles from 'isomorphic-style-loader/lib/withStyles';
  import s from './Header.css';
  import { Navbar, Nav } from 'react-bootstrap';
  import HeaderMenu from '../HeaderMenu';
  import cx from 'classnames';
  
  function Header() {
    return (
      &lt;Navbar fluid fixedTop id="Header" className={s.navContainer}&gt;
        &lt;Nav block className={cx(s.HeaderTitle, s.hideOnSmall)}&gt;Project title&lt;/Nav&gt;
        &lt;HeaderMenu /&gt;
      &lt;/Navbar&gt;
    );
  }
  
  export default withStyles(s)(Header);
  </code></pre>
  
  <p>How can I use the "store" object inside my Header component ? It works on my App component, just I don't know how to use it within my components.</p>
  
  <p>My questions are:</p>
  
  <ul>
  <li>Should I use actions for retrieving the state instead ??</li>
  <li>Should I pass the store object component to the component properties?</li>
  </ul>
  
  <p>Thanks in advance!</p>
  
  <p>EDIT : </p>
  
  <p>I am using <a href="https://github.com/kriasoft/react-starter-kit" rel="noreferrer">https://github.com/kriasoft/react-starter-kit</a>
  with the redux branch <a href="https://github.com/kriasoft/react-starter-kit/tree/feature/redux" rel="noreferrer">https://github.com/kriasoft/react-starter-kit/tree/feature/redux</a></p>