尝试在 Return 中进行三元运算时出现语法错误

Question

任何人都可以告诉我这段代码有什么问题吗？ VS Code 本身说代码中的语法有错误。它肯定与括号和 javascript 语法有关，但不确定它是什么。

代码如下：

   return (
            <>
                {
                    this.props.nested_row_number === 0 ?
                        <div className={`${this.props.header_col_class}`}>
                            
                        </div>
                        :
                        <div className={`${this.props.header_col_class}`}>
                                <div class="row">
                                    {
                        this.props.nested_row_number === 1 || this.props.nested_row_number === 2 || this.props.nested_row_number === 3 ?
                            
                                    <div className={`${this.props.nested_row_col_class}`}>
                                        
                                    </div>
    }
                                </div>
                            </div>
                            : <></>
                }
            </>
        )

Answer 1

在这里，这应该可以工作。

(
    <>
        {
            this.props.nested_row_number === 0
                ?
                    <div className={`${this.props.header_col_class}`}>
                    </div>
                : 
                    <div className={`${this.props.header_col_class}`}>
                        <div class="row">
                            {
                                this.props.nested_row_number === 1 || this.props.nested_row_number === 2 || this.props.nested_row_number === 3 
                                    ?
                                        <div className={`${this.props.nested_row_col_class}`}></div>
                                    : <></>
                            }
                        </div>
                    </div>
        }
    </>
)```