presenterではpropsを関数ではなく情緒的な要素として用いる場合、

${(props)=>props.xxx}で渡されます。

propsとstateを使用してボタンの色を変更する

emptoin用の位置から矢印関数で受信(条件は3つの演算子)

	const [isActive, setIsActive] = useState(false)

    const onChangeWriter = (event) => {
    setWriter(event.target.value);

    if (event.target.value !== "" && title !== "" && contents !== "") {
      setIsActive(true);
    } else {
      setIsActive(false);
    }
    };

    const onChangeTitle = (event) => {
    setTitle(event.target.value);

    if (writer !== "" && event.target.value !== "" && contents !== "") {
      setIsActive(true);
    } else {
      setIsActive(false);
    }
    };

    const onChangeContents = (event) => {
    setContents(event.target.value);

    if (writer !== "" && title !== "" && event.target.value !== "") {
      setIsActive(true);
    } else {
      setIsActive(false);
    }
    };