Відповідь:
import React, { useState } from 'react';
const App = () => {
const [state, setState] = useState({
flag: false,
language: 'English'
});
// Доступ к значениям свойств flag и language
const { flag, language } = state;
// Пример изменения значения свойства flag
const handleClick = () => {
setState(prevState => ({
...prevState,
flag: !prevState.flag
}));
};
// Пример изменения значения свойства language
const handleChangeLanguage = () => {
language: 'Russian'
return (
<div>
<button onClick={handleClick}>
{flag ? 'Flag is true' : 'Flag is false'}
</button>
<button onClick={handleChangeLanguage}>
Change language to Russian
<p>Current language: {language}</p>
</div>
);
export default App;
Пояснення:
Відповідь:
import React, { useState } from 'react';
const App = () => {
const [state, setState] = useState({
flag: false,
language: 'English'
});
// Доступ к значениям свойств flag и language
const { flag, language } = state;
// Пример изменения значения свойства flag
const handleClick = () => {
setState(prevState => ({
...prevState,
flag: !prevState.flag
}));
};
// Пример изменения значения свойства language
const handleChangeLanguage = () => {
setState(prevState => ({
...prevState,
language: 'Russian'
}));
};
return (
<div>
<button onClick={handleClick}>
{flag ? 'Flag is true' : 'Flag is false'}
</button>
<button onClick={handleChangeLanguage}>
Change language to Russian
</button>
<p>Current language: {language}</p>
</div>
);
};
export default App;
Пояснення: