title: Redux form - passing a function as a property to a field array gives undefined
body: <p>I am trying to pass a function as a property from a parent component to a child redux-form fieldArray component. This is the container component with the function:</p>
  
  <pre><code>  constructor(props) {
      super(props);
      this.removePeriodCallback = this.removePeriodCallback.bind(this);
    }
  
    removePeriodCallback(periodeId) {
      const { formPrefix, periods} = this.props;
  
      this.props.reduxFormChange(
        `${formPrefix}.InfoPanel`, 'periods',
        periods.filter((e, i) =&gt; i === periodeId)
          .sort((a, b) =&gt; a.fom &gt; b.fom),
      );
    }
  </code></pre>
  
  <p>And I am passing it to a child component like this:</p>
  
  <pre><code> &lt;FieldArray
        name="periods"
        component={Periods}
        props={{ removePeriodCallback: this.removePeriodCallback }}
      /&gt;
  </code></pre>
  
  <p>And in the child component I have tried to access the function like this:</p>
  
  <pre><code> export const Periods= ({ fields }) =&gt; (
    &lt;div&gt;
      {fields.map((fieldId, index) =&gt; {
        const toDate = fields.get(index).tom;
        const fromDate = fields.get(index).fom;
        const removePeriodCallback = this.props.removePeriodCallback;   
  
        return (
          &lt;Row key={fieldId}&gt;
            &lt;Column&gt;
              &lt;div&gt;
                &lt;UttakPeriodeType
                  toDate ={toDate }
                  fromDate ={fromDate }
                  removePeriodCallback={removePeriodCallback}
                /&gt;
  
  I have also tried to deconstruct it inside arguments of the component:
  
      export const Periods= ({ fields, removePeriodCallback }) =&gt; (
    &lt;div&gt;
      {fields.map((fieldId, index) =&gt; {
        const toDate = fields.get(index).tom;
        const fromDate = fields.get(index).fom;
  
        return (
          &lt;Row key={fieldId}&gt;
            &lt;Column&gt;
              &lt;div&gt;
                &lt;UttakPeriodeType
                  toDate ={toDate }
                  fromDate ={fromDate }
                  removePeriodCallback={removePeriodCallback}
                /&gt;
  </code></pre>
  
  <p>But, both time I have got undefined when I have tried to use the <code>removePeriodCallback</code> </p>
  
  <p>What am I doing wrong, how should I fix this?</p>