Тема: React, useState
Показать сообщение отдельно
  #3 (permalink)  
Старый 09.04.2022, 09:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

daniil4fun, и учись делать полные тестовые примеры. А так же правильно их на форуме оформлять.

import React, {useState} from 'react';
import ReactDOM from 'react-dom';
//import './index.css';

function App() {
	const [value1, setValue1] = useState(0);
	const [value2, setValue2] = useState(0);
	const [result, setResult] = useState(0);
	
	function handleChange1(event) {
		setValue1(event.target.value);
	}
	
	function handleChange2(event) {
		setValue2(event.target.value);
	}
	
	function handleClick() {
		setResult(Number(value1) + Number(value2));
	}
	
	return (
		<div>
			<input value={value1} onChange={handleChange1} />
			<input value={value2} onChange={handleChange2} />
			
			<button onClick={handleClick}>btn</button>
			<p>result: {result}</p>
		</div>
	)
}


ReactDOM.render(
	<App />,
	document.getElementById('root')
);
Ответить с цитированием