React-函数作为React子代无效。如果从render返回一个Component而不是<Component/>，则可能会发生这种情况

我有视图组件，其中必须导入多个组件。这些组件将根据某些特定条件进行渲染。它应该如何工作，就是页面上有3个按钮，例如，当我单击第一个按钮（文件上传）后，我需要在下方渲染组件。在renderImportAttributes功能上应呈现什么组件。但这给我一个警告

警告：函数作为React子元素无效。如果返回Component而不是从render返回，则可能会发生这种情况。或者，也许您打算调用此函数而不是返回它。

这到底有什么问题？

export default class ImportView extends React.PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            selectedImportOption: null
        }
    }

    private selectImportOption(option: string): any {
        this.setState(prevState => ({
            selectedImportOption: option,
        }));
    }

    private renderImportAttributes(): JSX.Element {
        if (this.state.selectedImportOption === FILE_IMPORT) {
            return ;
        }
        else if (this.state.selectedImportOption === SPIDER_IMPORT) {
           //another component
        }
        else if (this.state.selectedImportOption === URL_IMPORT) {
           //another component
        }
        return null;
    }

    render() {
        return (
            

                 this.selectImportOption(FILE_IMPORT)}>
                    File
                

                 this.selectImportOption(SPIDER_IMPORT)}>
                    Spider
                

                 this.selectImportOption(URL_IMPORT)}>
                    URL
                
                {this.renderImportAttributes}
            

        );
    }
};

Julien Malig.. 7

您需要调用该函数： {this.renderImportAttributes()}

您需要调用该函数： {this.renderImportAttributes()}