title: My Stateless Component not rendering (Reactjs and Redux)
body: <p>For some reason or another, my allEmployees stateless component isn't being rendered and I can't figure out why. I'm getting the following warning:</p>
  
  <p>Unknown prop <code>employeesData</code> on <code>&lt;allEmployees&gt;</code> tag. Remove this prop from the element.</p>
  
  <p><strong>Container</strong></p>
  
  <pre><code>class employeeListPage extends React.Component {
   constructor(props) {
   super(props);
   this.state = {
      employees : {}
   };
  }
  
  render(){
    return(
      &lt;div&gt;
          &lt;allEmployees employeesData = {this.props.employees} /&gt;
      &lt;/div&gt;
    )
  }
  
  }
  function mapStateToProps(state, ownProps){
   return{
      employees: state.employees
  }
  }
  
  function mapDispatchToProps(dispatch){
   return {
      employeeActions : bindActionCreators(employeeActions, dispatch)
   };
  }
  
  export default connect(mapStateToProps, mapDispatchToProps )(employeeListPage);
  </code></pre>
  
  <p><strong>allEmployees Component</strong></p>
  
  <pre><code> const allEmployees = (props) =&gt; (
      &lt;div&gt;
       &lt;table&gt;
        &lt;thead&gt;
          &lt;tr&gt;
               &lt;th&gt;Employee Number&lt;/th&gt;
               &lt;th&gt;Employee Full Name&lt;/th&gt;
               &lt;th&gt;Active Employee&lt;/th&gt;
               &lt;th&gt;Origin&lt;/th&gt;
               &lt;th&gt;Modify&lt;/th&gt;
               &lt;th&gt;Remove&lt;/th&gt;
          &lt;/tr&gt;
       &lt;/thead&gt;
        &lt;tbody&gt;
        {props.employeesData.map( employee =&gt; {
  
                   &lt;tr&gt;
                      &lt;td&gt;{employee.Number}&lt;/td&gt;
                      &lt;td&gt;{employee.FullName}&lt;/td&gt;
                      &lt;td&gt;{employee.IsActive}&lt;/td&gt;
                      &lt;td&gt;{employee.Origin}&lt;/td&gt;
                      &lt;td&gt;&lt;button&gt;Modify&lt;/button&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;button&gt;Remove&lt;/button&gt;&lt;/td&gt;
                   &lt;/tr&gt;
        })};
        &lt;/tbody&gt;
       &lt;/table&gt;
      &lt;/div&gt;
  
  );
  
  export default allEmployees;
  </code></pre>