我有三行組件排版。我想顯示第一行,然后交替到第二行,然后是第三行,然后再回到第一行。
它們應該展示在同一個地方,并且一次只展示一個。
<Typography>Welcome.</Typography>
<Typography>Willkommen.</Typography>
<Typography>Bem-vindo.</Typography>
uj5u.com熱心網友回復:
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>
);
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/370896.html
標籤:javascript html css 反应
