如果react js中只有条件为true，则应该应用链接

Question

我是react js的新手。这里我有以下代码，我有一个参数是UplodMode，所以如果这是真的，那么Link就不应该在那里。只有div应该是，否则它应该是Link。

我尝试的是：这是一个div，它是否应该用Link包装。

return useObserver(() => (
<div
className={classNames({
[css.ImageContainer]: true,
[css.defaultImage]: !state.imageURI
})}>
{isUploadMode ? (
<ImageUpload
imageUrl={state.imageURI}
onImageChange={onImageChange}
onImageRemove={onImageRemove}></StandardImageUpload>
) : (
<BgImage
image={state.imageURI ? state.imageURI : defaultBuyingSessionImage}
/>
)}
</div>))

但这并不能说明它是否为false，但我正在尝试的是在任何情况下都要有这个div。只有链接应该是一个可以和不能与该div.

Answer 1

据我所知，您正在努力实现什么。这就是你想要的。您将在呈现Link/div 时使用此代码

{!isUploadMode && (
<Link>
{useObserver()}
<Link/>
)}
{isUploadMode && (
{useObserver()}
)}

如果没有设置uploadMode，它将输出包装在链接中的div。如果设置了，它将只输出div而不输出链接。