我有 2 个文本，列表和网格。当我单击时它会显示列表到网格，但我想在单击它时再次显示以前的文本。该怎么做？

Question

最初我将文本设置为使用状态的列表，当我点击它时它会变成网格。当我点击时如何再次显示列表？

const [buttonText, setButtonText] = useState('List');

function handleClick() {
    setButtonText('Grid');

};

这是使用状态和更改文本的功能。任何人都可以帮助我吗？

Answer 1

您可以调用相同的方法并使用三元运算符（检查您的当前状态并根据它设置状态）。

function handleClick() {
  setButtonText(buttonText == 'Grid' ? 'List' : 'Grid');
};