React项目里面，我希望在{} 能使用div和canvas标签，但是现在这个无效

Question

<div className={'break_down_div'}>
                {this.state.breakDown && this.state.breakDown.length != 0?
                    <canvas className={'blueCircle'} ></canvas>
                    <div
                    ref={(elem) => { this.element = elem; }}
                    style = {divStyle}
                    className={`${this.props.styleSet}`}
                    >
                    </div>
                    :
                }

            </div>

Answer 1

<div className={'break_down_div'}>
                {this.state.breakDown && this.state.breakDown.length != 0?
                    <div><canvas className={'blueCircle'} ></canvas>
                    <div
                    ref={(elem) => { this.element = elem; }}
                    style = {divStyle}
                    className={`${this.props.styleSet}`}
                    ></div>
                    </div>
                    :
                    <div></div>
                }

            </div>

应该好好学习一下基础知识。

Answer 2

把canvas和div放在一个节点下面

Answer 3

组件类只能包含一个顶层标签，否则会报错，把canvas和div用标签包起来