React 多条件检查(JSX)
React Multiple Condition Check(JSX)
我一直在尝试根据登录的用户进行一些条件渲染。React JSX 中是否有一种方法可以检查是否有多个条件为真?我知道这种语法是错误的,但有没有办法只用 JSX 来做到这一点。我基本上想检查 post 数组是否为空以及加载变量是否为 false。
{filteredPosts.length === 0 && loading === false ? "This user has no posts" : <Posts loading={loading} fetchData={fetchData} posts={filteredPosts}/>}
试试这个
{(filteredPosts.length === 0 && loading === false) ? "This user has no posts" : <Posts loading={loading} fetchData={fetchData} posts={filteredPosts}/>}
我一直在尝试根据登录的用户进行一些条件渲染。React JSX 中是否有一种方法可以检查是否有多个条件为真?我知道这种语法是错误的,但有没有办法只用 JSX 来做到这一点。我基本上想检查 post 数组是否为空以及加载变量是否为 false。
{filteredPosts.length === 0 && loading === false ? "This user has no posts" : <Posts loading={loading} fetchData={fetchData} posts={filteredPosts}/>}
试试这个
{(filteredPosts.length === 0 && loading === false) ? "This user has no posts" : <Posts loading={loading} fetchData={fetchData} posts={filteredPosts}/>}