问如何在Laravel项目中为React添加多个入口点

EN

import React, { useState } from "react";
import Slider, { Range } from "rc-slider";
import "rc-slider/assets/index.css";

export const RangeSlider = ({
    min,
    max,
    error,
    displayUnit,
    stereo,
    onChange
}) => {
    const [minVal, setMinVal] = useState(min);
    const [maxVal, setMaxVal] = useState(max);
    const props = {
        onChange: value => {
            if (stereo) {
                setMinVal(value[0]);
                setMaxVal(value[1]);
            } else {
                setMinVal(value);
                setMaxVal(value);
            }
            onChange(value);
        },
        min: min,
        max: max,
        defaultValue: stereo ? [0, 100] : 0
    };
    return (
        <>
            {error && (
                <span className="position-outside">
                    <i className="fas fa-exclamation-circle fa text-danger mt-2"></i>
                </span>
            )}
            <div className="text-primary h6 mb-3">
                <strong>
                    {stereo &&
                        `Od ${minVal}${
                            displayUnit ? " " + displayUnit : ""
                        } do ${maxVal}${displayUnit ? " " + displayUnit : ""}`}
                    {!stereo &&
                        `${minVal}${displayUnit ? " " + displayUnit : ""}`}
                </strong>
            </div>
            {stereo ? <Range {...props} /> : <Slider {...props} />}
        </>
    );
};