React JSX-条件呈现问题

Question

0

我有一个由下拉菜单控制的状态，当您选择时，它将设置state。易于理解的

我想做的是，当没有选择任何内容时，有一个通用的"Select below"，但如果选择了某个内容，我想将其设置为所选选项。

例如：if(！selectedStyle THEN'Choose Below'ELSE selectedStyle(

selectedStyle保持选中的状态，我该如何写出这个组件？

{selectedStyle>0: selectedSyle || Choose}

但这也是我的组件，有人看到写出来的正确方法吗？

<Dropdown>
<Dropdown_Button
onClick={e => 
setisActive(!isActive)}
>
{selectedStyle>0: selectedSyle || Choose}

<span>
<KeyboardArrowDownIcon/>
</span>
</Dropdown_Button>
{isActive &&
<Dropdown_Content>
{styleSelection.map((option) => (
<Dropdown_Item onClick={(e) => {
setselectedStyle(option)
setisActive(false)
}}
>
{option}
</Dropdown_Item>
))}
</Dropdown_Content>
}

</Dropdown>

Answer 1

您可以将其简化为仅{selectedStyle || "Choose style"}