import React, {useState} from "react"; const [state変数名, state変更関数名] = useState(state初期値); input onClick={() => togglePublished(!isPublished)}
import React, {useState} from "react"; import './App.css'; import LikeButton from "./LikeButton"; const Article = (props) => { const [isPublished, togglePublished] = useState(false); const [count, setCount] = useState(0); return ( div className="cont"> h2>{props.title}/h2> input id="check" type="checkbox" checked={isPublished} onClick={()=>togglePublished(!isPublished)} /> label htmlFor="check">公開状態/label> {count} button onClick={() => setCount(count + 1)}/> + /button> button onClick={() => setCount(count - 1)}/> - /button> /div> ) } export default Article