React/useState

import React, {useState} from "react";

const [state変数名, state変更関数名] = useState(state初期値);

input onClick={() => togglePublished(!isPublished)}
    
Hoge.jsx
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