这是一个很可怕的问题，在React中，我们经常会写条件语句来显示不同的视图，比如这个简单的例子。constApp=()=>{return(<>{loading?})}但是，当项目的代码量足够大，JSX条件多的时候，事情很快失控。代码变得非常混乱且可读性降低。像下面这段代码，实在是没有勇气和信心去了解它的细节。importReact,{useState}from"react"exportdefaultfunctionConditionDemo(){const[loading]=useState(false)const[isLogin]=useState(true)const[hasAuth]=useState(false)return(<>{loading?
