Akhosh
@Akhosh
Полый верстальщик

Как добавить стейт на проверку бана?

Как добавить еще один стейт, который будет показывать, забанен пользователь или нет. Вывестить информацию об этом в каком-нибудь теге?

import React from 'react';

function App() {
    let [user, setUser] = React.useState();

    return <div>
        <span>{user}</span>
        <button onClick={() => setUser('Alekosh')}>btn1</button>
        <button onClick={() => setUser('Ambrose')}>btn2</button>
    </div>
}

export default App;
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
w3bsmes
@w3bsmes
Куратор тега «Глупые вопросы»
import React, { useState } from "react";

const App = () => {
  /** Так */
  const [user, setUser] = useState({
    username: "lol",
    isBanned: false,
  });

  /** Или отдельным, так */
   const [user, setUser] = useState({
     username: "lol"
   });
  const [isBanned, setBanned] = useState(false);

  return (
    <>
      {/** В первом случае */}
      <span>{user.isBanned ? "Забанен" : "Бана нет"}</span>
      <button onClick={() => setUser({ username: "Alekosh", isBanned: false })}>
        btn1
      </button>
      <button onClick={() => setUser({ username: "Ambrose", isBanned: true })}>
        btn2
      </button>

      {/** Во втором случае */}
      <span>{isBanned ? "Забанен" : "Бана нет"}</span>
      <button onClick={() => setUser({ username: "Alekosh" })}>
        btn1
      </button>
      <button onClick={() => setUser({ username: "Ambrose" })}>
        btn2
      </button>
    </>
  );
};

export default App;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы