javascript - How to filter data based on the daterange rsuite using react hooks

Question

    const [ rowData, setRowData ] = useState({});
    const [ date, setDate ] = useState([]);
    const [ loading, setLoading ] = useState(false);
    const [ error, setError ] = useState({});
  useEffect(() => {
                let ignore = false;
                
                const PARAMS = { length: 9999 }
                const timeout = setTimeout(() => {
                    const fetchData = async () => {
                        try {
                            setLoading(true);
                            setError({});
                            const response = await getAll(PARAMS);
                            if (!ignore) setRowData(response['data']);
                        } catch (err) {
                            setError(err);
                        }
                        setLoading(false);
                    };
                    fetchData();
                });
                return () => {
                    ignore = true;
                    clearTimeout(timeout);
                };
            }, []);
    
    return (<>
    <DatePicker>
                        <DateRangePicker
                            className="uppercase"
                            renderValue={formatDateRange}
                            placeholder={'Start ~ End'}
                            onOk={(value) => setDate(value)}
                        />
                    </DatePicker>
        </>)

How to add the from and to from the PARAMS? What I'm trying to do is to add the from and to from the PARAMS. but first the PARAMS will load to length 9999 but when I try to select a date example. December 12 - December 14. then it will add the param from & to when click the ok button on rsuite daterange.

question from:https://stackoverflow.com/questions/65913626/how-to-filter-data-based-on-the-daterange-rsuite-using-react-hooks

Answer 1

Waitting for answers