日35:機械を加える
5566 ワード
この非常に基本的なアプリは、ユーザーが負の値を含む任意の2つの整数を追加することができます.
function App() {
const [input1, setInput1] = useState(0);
const [input2, setInput2] = useState(0);
const [total, setTotal] = useState(input1 + input2);
function calculateTotal() {
setTotal(input1 + input2);
}
return (
<div className="App">
<h1>Adding Machine</h1>
<p>This very basic app allows you to add any two integers including negative values.</p>
<div className="number-inputs">
<input
type="number"
value={input1}
onChange={e => setInput1(+e.target.value)}
placeholder="0"
/>
<input
type="number"
value={input2}
onChange={e => setInput2(+e.target.value)}
placeholder="0"
/>
</div>
<button onClick={calculateTotal}>Compute</button>
<h2>{total}</h2>
</div>
);
}
Reference
この問題について(日35:機械を加える), 我々は、より多くの情報をここで見つけました https://dev.to/mattryanmtl/day-35-adding-machine-1gh9テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol