reactjs - 检查 React 组件的类型

Question

我需要循环遍历组件的children，并且仅当子组件具有特定类型时才执行一些操作:

React.Children.forEach(this.props.children, child => {
    if (...) {
        console.log('Suitable component!');
    }
});

Answer 1

这是你应该做的:

import MyComponent from './MyComponent';

this.props.children.forEach(child => {
    if (child.type === MyComponent) {
        console.log('This child is <MyComponent />');
    }
});