如何在不刷新 Next JS (React) 中的页面的情况下删除或更新查询参数?
/about?login=success&something=yes?login=success&something=yes从 URL 中删除而不刷新页面。单击按钮后的 URL 将是/about我怎样才能实现它?
正如这个线程中提到的,我知道可以使用路由器删除查询参数或查询字符串。但是,useLocation并且useHistory在 上不可用next/router。
根据此线程,端点是客户端应用程序可以访问您的服务的 URL。
但是,对我来说,这听起来像是一种服务器。在那种情况下,端点将始终是一个 URL?端点和服务器之间有什么区别?
我正在尝试更新(onchange)对象数组中的状态,但是每次输入内容时都会丢失输入焦点。
知道为什么会这样吗?
这是一个沙盒:https : //codesandbox.io/s/inspiring-booth-636tx
{stagesState.map(stage => {
return (
<div key={uuidv4()}>
<input
type="text"
onChange={e => {
const name = e.target.value;
setStagesState(currentStage =>
currentStage.map(x =>
x.id === stage.id ? { ...x, name } : x
)
);
}}
value={stage.name || ""}
/>
</div>
);
})}
Run Code Online (Sandbox Code Playgroud)
这是我的数据的样子:
[
{
name: "First Stage",
},
{
name: "Second Stage",
},
{
name: "Third Stage",
}
];
Run Code Online (Sandbox Code Playgroud) 如何使用 React Typescript 在 axios 中设置我的 baseURL?
我尝试做axios.defaults.baseURL = 'myurl.com';
但是,它不起作用。在网络选项卡中,它表示承诺正在等待处理。
知道我怎样才能实现它吗?
import { useQuery } from 'react-query'
import axios from 'axios'
axios.defaults.baseURL = 'myurl.com';
const useCampaign = (token: string, campaignID: string) =>
useQuery(
'campaign',
() =>
axios
.get(`/api/campaigns?lgp-webview-token=${token}`, {
headers: { 'X-Campaign-ID': campaignID }
})
.then((res) => res.data),
{
retry: false,
refetchOnWindowFocus: false
}
)
export default useCampaign
Run Code Online (Sandbox Code Playgroud) 我想创建一个函数,返回数组中某个数字的倍数的数组。
第一个参数是数字,第二个参数是范围的最大数字。
例如:
getMultiples(5,24)
Output: [5,10,15,20]
*如果范围小于第一个参数,则应返回一个空数组。
getMultiples(5,0)
Output: []
知道我怎样才能实现这个目标吗?帮助
reactjs ×3
arrays ×1
axios ×1
endpoint ×1
javascript ×1
next-router ×1
next.js ×1
react-query ×1