Children is lost when component reRender.

code:

class Table extends React.Component {
    render() {
        const {dataSource, checked, children} = this.props;
        return <div>{
                dataSource.map(item => {
                    return <div>{checked ? 'checked' : ''}{item.name}<em>{children.props.dataIndex}</em></div>
                })
            }</div>
    }
}

function mountMock(element) {
    class Wrapper extends React.Component {
        state = {
            props: element.props,
            Component: element.type
        };
        setProps(props) {
            props = {...this.state.props, ...props};
            this.setState({
                props
            });
        }
        render() {
            const {Component} = this.state;
            return <Component {...this.state.props} />;
        }
    }
    const div = document.createElement('div');
    document.body.appendChild(div);
    return ReactDOM.render(<Wrapper/>, div);
}
const dataSource = [{ id: '1', name: 'test' }, { id: '2', name: 'test2' }];
const table = (
        <Table dataSource={dataSource}>
            <div dataIndex='id'/>
        </Table>
        );
const inc = mountMock(table);
inc.setProps({
    checked: true
});

expected output:

But preact will throw error.

[simonjoom]

I have got as well some problem with children too but with dangerousetinnerHtml ,

Try to apply my patch in preact.js code (yeah i write it in preact-compat issues but it’s more relatif to preact.js Maybe it’s could work in your case too. (because for me it was happen same after rerender of the component)

after apply the patch code , just add innerHTML as a props in <Table innerHTML … >

the code to change is explained in this thread: https://github.com/developit/preact-compat/issues/371

if developit could see it and give a feedback . My website haven’t got issue anymore with dangerousetinnerHtml after that.

Regards

[windyGex]

I remove this line code and it work well.

https://github.com/developit/preact/blob/master/src/h.js#L21.

And I want to know why ignore children of props.

https://github.com/developit/preact/commit/61375a07201a614edb2549cdcee7d59880aa9d95