我不太明白这一点。我搜索了 stackoverflow 和 github,我尝试的解决方案之一是添加一个泛型,但我Expected 0 type arguments, but got 1.在useLocation<LocationState>下面收到此错误,这是我的代码。我遇到的问题是将类型设置为{searchvalue}但其类型未知。任何帮助将不胜感激。
import React from "react";
import { useLocation } from "react-router-dom";
interface SearchResultsProps {}
interface LocationState {
serachValue: string
}
export const SearchResults: React.FC<SearchResultsProps> = ({}) => {
const location = useLocation<LocationState>();
const {searchValue} = location.state
return <div>Results Page</div>;
Run Code Online (Sandbox Code Playgroud) 所以我只是在玩 rick and Morty API,我从来没有做过有 3 个条件的三元。Mozilla 文档说可以,但它对我不起作用。下面的代码显示了状态为live的角色为绿色,其余为紫色。我希望活着是绿色,死了是红色,未知是紫色。如果有人好奇的话,我正在使用 chakra UI。我究竟做错了什么?
<Badge
colorScheme={ c.status === "Alive" ? "green"
: "unknown" ? "purple"
: "red"
}
>
{c.status}
</Badge>
Run Code Online (Sandbox Code Playgroud) javascript conditional-operator conditional-statements reactjs
我正在尝试通过反应路由器链接传递道具。它基本上是所有用户道具。这是我的代码,突出显示了错误state: {...employee}。当谈到打字稿时,我真的是菜鸟,试图做得更好,但我遇到了各种各样的问题。当我尝试向状态添加任何内容时,我仍然遇到相同的错误。
<Link to={{ pathname: `/edit-employee/${id}`, state: {...employee} }}>
Run Code Online (Sandbox Code Playgroud)