如何在 React 中正确地将日期参数发送到 axios答案

【问题标题】：How to properly send date param to axios in React如何在 React 中正确地将日期参数发送到 axios
【发布时间】：2022-01-22 21:23:41
【问题描述】：

我想将日期作为参数发送给 axios 服务，但是当我发送它时

messageStartDate=2021-12-21T11%3A47%3A54.810Z&messageEndDate=2021-12-21T11%3A47%3A59.718Z

我想以 Iso 格式发送，但有 %-A 和其他一些东西。我该如何解决它。

这就是我在 redux 中存储日期的方式。

const params = new URLSearchParams();
if (MessageDateStartValueRedux !== null)
        params.append('messageStartDate',new Date(MessageDateStartValueRedux).toISOString());
    if (MessageDateEndValueRedux !==null)
        params.append('messageEndDate',new Date(MessageDateEndValueRedux).toISOString());
    if (ValueDateStartValueRedux !== null)
        params.append('valueStartDate',new Date(ValueDateStartValueRedux).toISOString());
    if (MessageDateEndValueRedux !== null)
        params.append('valueEndDate',new Date(MessageDateEndValueRedux).toISOString());

    dispatch(setUrlParamsReducer(params));

这就是我使用它的方式

const getQueryString = () => `${DEFAULT_URL}?page=${currentPage}&size=${pageSize}`+status;

const param = useSelector(state => state.urlParamsReducer);

console.log(param.toString());
const loadData = () => {
    const queryString = getQueryString();
    if ((queryString !== lastQuery || param.toString() !== lastParam.toString()) && !loading) { 
        axios.get(queryString, {params: param})
            .then((response) => {
                setRows(response.data.data);
                setTotalCount(response.data.totalCount);
            }).catch(() => setLoading(false));
    }
}
useEffect(() => loadData(), [param,getQueryString()]);

【问题讨论】：

标签： javascript reactjs redux axios

【解决方案1】：

%3a 是 ':' 字符的 url 编码。解码后的url是

messageStartDate=2021-12-21T11:47:54.810Z&messageEndDate=2021-12-21T11:47:59.718Z

如预期的那样

【讨论】：