相关疑难解决方法(0)

我有一个React组件,render在组件的方法中我有这样的东西:

render() {
    return (
        <div>
            <div>
                // removed for brevity
            </div>

           { switch(...) {} }

            <div>
                // removed for brevity
            </div>
        </div>
    );
}

现在重点是我有两个div元素,一个在顶部,一个在底部,是固定的.在中间我想要一个switch语句,根据我的状态中的值,我想渲染一个不同的组件.所以基本上,我希望div始终修复这两个元素,并且只是在中间每次渲染一个不同的组件.我正在使用它来实现多步付款程序).虽然,代码目前它不起作用,因为它给我一个错误说这switch是意外的.任何想法如何实现我想要的？