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;import React, { useEffect, useState } from "react";
const App = () => {
const [films, setFilms] = useState([]);
useEffect(() => {
const Fetch = async () => {
const response = await fetch(
"https://kinopoiskapiunofficial.tech/api/v2.2/films/top?type=TOP_AWAIT_FILMS&page=1",
{
headers: {
"X-API-KEY": "i'm sorry :)"
}
}
);
const result = await response.json();
setFilms(result);
console.log(films);
};
Fetch();
}, [films]);
return <div></div>;
};
export default App;Почему такая команда меняет url?Если у тебя не используется react-router, то смотри сюда
В какое поле объекта history пушится мой слэш ?—
state