将 routeParams 从字符串转换为数字答案

【问题标题】：convert routeParams from string to number将 routeParams 从字符串转换为数字
【发布时间】：2022-08-22 22:54:20
【问题描述】：

我有一个简单的项目，在这个项目中，我试图通过 id 号返回数据，我使用了“routeParams”，但我遇到了一个问题，“routeParams”是字符串类型，我想将其转换为号码，我该怎么做？

 const routeParams = useParams();
 
  useDeepCompareEffect(() => {
    dispatch(getReceipt(routeParams.orderId));
  }, [dispatch, routeParams.orderId]);

标签： reactjs material-ui redux-toolkit

【解决方案1】：

您可以使用 Number() 进行转换。

const routeParams = useParams();

 useDeepCompareEffect(() => {
   dispatch(getReceipt(Number(routeParams.orderId)));
 }, [dispatch, routeParams.orderId]);

【讨论】：

【解决方案2】：

您可以使用parseInt，如果您有正确的值，它将返回解析的number，否则返回NaN

【讨论】：

【解决方案3】：

您可以在字符串前使用加号使其成为数字

const routeParams = useParams();
 
  useDeepCompareEffect(() => {
    dispatch(getReceipt(+routeParams.orderId));
  }, [dispatch, routeParams.orderId]);

【讨论】：