如何在显示在同一位置的三个文本之间进行转换

Question

我有三行带有组件Typhography。我想显示第一行，然后交替显示第二行，然后显示第三行，然后返回第一行。

它们应该显示在同一个地方，并且一次只能显示一个。

<Typography>Welcome.</Typography> 
<Typography>Willkommen.</Typography>  
<Typography>Bem-vindo.</Typography> 

Answer 1

const Which = () => {
const [which, setWhich] = useState(1);
useEffect(() => {
setTimeout(() => {
setWhich(state => (state < 3 ? state + 1 : 1));
}, 3000);
}, []);
return (
<div>
{
which === 1 &&
<div>Welcome</div>
}
{
which === 2 &&
<div>Willkommen</div>
}
{
which === 3 &&
<div>Bem-vindo</div>
}
</div>
);
}