javascript - 在react中添加新的dom元素

我已经创建了一个自定义组件，并且如果某个属性设置为true，则想在该组件呈现时添加子元素。我使用了以下代码，但未呈现组件。我在这里做错了什么。

    let deleteNode = '';
    if(deletable){
        deleteNode = '<div />'
    }

    let defaultClasses = 'chips chips-rounded';

    return (
        <div className={classNames(classes, defaultClasses)} onClick={ this.onClick }>
            {avatar}
            <span>{this.props.labelText}</span>
            {deleteNode}
        </div>
    )

最佳答案

您正在尝试渲染组件，但实际上您只是在string中发送deleteNode。您的代码应如下所示

if(deletable){
    deleteNode = (<div />);
}