如何使用反应钩子根据日期范围过滤数据

时间:2021-01-27 05:59:48

标签: javascript reactjs typescript next.js

    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>
        </>)

如何添加 from 中的 toPARAMS? 我想要做的是添加来自和来自 PARAMS 的内容。 但首先 PARAMS 将加载到长度 9999 但当我尝试选择日期示例时。 12 月 12 日 - 12 月 14 日。然后当点击 rsuite daterange 上的 ok 按钮时,它会添加参数 from & to。

0 个答案:

没有答案