title: Radio Button in stateless component in ReactJs
body: <p>I'm new to react and redux and i want to create component which contain two radio buttons so i write something like this:</p>
  
  <p>import React, { PropTypes } from 'react';</p>
  
  <pre><code>const renderCashRadioButtons = currentCashSelector =&gt; (
    &lt;form onClick={currentCashSelector}&gt;
      &lt;input
        type="radio"
        name="cash-transaction"
        value="Transcation"
        onChange={value =&gt; currentCashSelector(value)}
      /&gt;
      &lt;input
        type="radio"
        name="cash-transfer"
        value="Transfer"
        onChange={value =&gt; currentCashSelector(value)}
      /&gt;
    &lt;/form&gt;
  );
  
  
  const CashRadioButtons = ({ currentCashSelector }) =&gt; (
    &lt;div className="container"&gt;
      {renderCashRadioButtons(currentCashSelector)}
    &lt;/div&gt;
  );
  
  CashRadioButtons.propTypes = {
    currentCashSelector: PropTypes.func.isRequired
  };
  
  
  export default CashRadioButtons;
  </code></pre>
  
  <p>currentCashSelector is a function. When i render this it does not seem to work. The value does not change and i'm not seeing the state to be updated. Do you have any ideas?</p>