Count-and-Move

countbtn.js

import React, {useState} from "react";

export default function Index () {
	const [count, setCount] = useState(0);
	return (
		<>
			test ui app
			{count}

			<div>
				<button onClick={() => {
					setCount(count + 10)
				}}>up</button>
				<button onClick={() => {
					setCount(count - 10)
				}}>up</button>
			</div>
			<div style={{
				paddingTop: count,
			}}>
				move!
			</div>
		</>
	)
}