TIL 🍩

その他参考
❇︎react-adsense
貨幣化収益の創出

✯ useHistory

The useHistory hook gives you access to the history instance that you may use to navigate.
前のページ(スタック)を保存することに相当します.
ボタンなどのonClickイベントのHandler関数内で特定のアドレスまたは前のアドレスを押す

    const history = useHistory(); // <- '/${path}' push

コンポーネントを複数回繰り返し使用(実際のデータを使用すると、forEach/filter/mapなどにレンダリングにマッピングされます)

import 'react-date-range/dist/styles.css'; // main style file
import 'react-date-range/dist/theme/default.css'; // theme css file
import { DateRangePicker } from "react-date-range";
//... 중략

// DATE PICKER COMPONENT
function Search() {

    const history = useHistory();
    const [startDate, setStartDate] = useState(new Date());
    const [endDate, setEndDate] = useState(new Date());

    const selectionRange = {
        startDate: startDate,
        endDate: endDate,
        key: "selection",

    };

    function handleSelect(ranges) {
        setStartDate(ranges.selection.startDate);
        setEndDate(ranges.selection.endDate);
    }
    return (
        <div className="search">
            <DateRangePicker
                ranges={[selectionRange]}
                onChange={handleSelect}
            />
            //... 후략

2. JavaScript