Fix: Cannot read property 'type' of undefined

cedrouck · web-flow · commit 048003ffc3c8 · 2017-10-10T10:57:30.000+02:00
Uncaught TypeError: Cannot read property 'type' of undefined
    at BootstrapTable.js:228
    at forEachSingleChild (ReactChildren.js:49)
    at traverseAllChildrenImpl (traverseAllChildren.js:75)
    at traverseAllChildrenImpl (traverseAllChildren.js:91)
    at traverseAllChildren (traverseAllChildren.js:170)
    at Object.forEachChildren [as forEach] (ReactChildren.js:69)
    at BootstrapTable.initTable (BootstrapTable.js:221)
    at BootstrapTable.initTable (createPrototypeProxy.js:44)
    at BootstrapTable.componentWillReceiveProps (BootstrapTable.js:419)
    at BootstrapTable.componentWillReceiveProps (createPrototypeProxy.js:44)
diff --git a/src/BootstrapTable.js b/src/BootstrapTable.js
@@ -62,7 +62,7 @@ class BootstrapTable extends Component {
       const nextDataFields = React.Children.map(props.children, column => column.props.dataField);
       React.Children.forEach(this.props.children, column => {
         const { dataField, filter } = column.props;
-        if (!nextDataFields.includes(dataField)) {
+        if (filter && !nextDataFields.includes(dataField)) {
           // Clear filter
           this.filter.handleFilter(dataField, '', filter.type, filter);
         }

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ class BootstrapTable extends Component {`
`62`	`62`	`const nextDataFields = React.Children.map(props.children, column => column.props.dataField);`
`63`	`63`	`React.Children.forEach(this.props.children, column => {`
`64`	`64`	`const { dataField, filter } = column.props;`
`65`		`- if (!nextDataFields.includes(dataField)) {`
	`65`	`+ if (filter && !nextDataFields.includes(dataField)) {`
`66`	`66`	`// Clear filter`
`67`	`67`	`this.filter.handleFilter(dataField, '', filter.type, filter);`
`68`	`68`	`}`