モバイル終了イベント・ロジック・リターンのためのナビゲーションバーを反応させます

  ユーザーは、あなたが元、ああのような歴史に対処する方法を携帯電話上での物理的なバックキーを押すと返すようにナビゲーションバーをもつれされた後！

header.jsx中：

import React from 'react';
import PropTypes from 'prop-types';
import './Header.css';

export default function Header(props) {
    const {
        onBack,
        title,
    } = props;

    return (
        <div className="header">
            <div className="header-back" onClick={onBack}>
                <svg width="42" height="42">
                    <polyline
                        points="25,13 16,21 25,29"
                        stroke="#fff"
                        strokeWidth="2"
                        fill="none"
                    />
                </svg>
            </div>
            <h1 className="header-title">
                { title }
            </h1>
        </div>
    );
}

Header.propTypes = {
    onBack: PropTypes.func.isRequired,
    title: PropTypes.string.isRequired,
};

中app.jsxで：

    const onBack = useCallback(() => {
        window.history.back();
    }, []);

ここでの目的は、繰り返し再レンダリングを避けるために、空の配列のヘッダに付加されます。