小编Alb*_*sky的帖子

React - TypeScript 的 props 解构

我有一个功能:

 export function getSubjectsForStudent(data: any) : any[]
Run Code Online (Sandbox Code Playgroud)

我从外部源收到“数据参数”,定义强类型是不可行的。“return”源自“data”,因此它也是any类型。

“主”组件将“返回”传递给“子”组件,如下所示:

<MainCategories subjects={getSubjectsForStudent(data)} />
Run Code Online (Sandbox Code Playgroud)

在主要类别中

export default function MainCategories(props: any) {
    const tmp = props.subjects;
    ...
Run Code Online (Sandbox Code Playgroud)

它有效并且没问题。

但我想
导出默认函数 MainCategories( {subjects} ) {

有人可以帮忙吗?

destructuring typescript reactjs

7
推荐指数
2
解决办法
1万
查看次数

OpenID 连接/节点/React

有很多如何实现 OpenID Connect 身份验证的示例。在节点 - 代码授予(+客户端密码)。有很多示例如何在 React (SPA) 中实现 OpenID - 使用 PKCE 进行代码授权

即使我知道 PKCE 它相当安全,但是我觉得将身份验证仅放在客户端是很糟糕的。每个 React SPA 都有后端(至少应该托管在某个地方)。

我希望在 Node (Express) 中拥有服务器端来安全地保存客户端密码,并使用 Identity Server 和 React 完成前端的所有繁重工作。

正如我已经说过的,有很多用于身份验证的“带有模板引擎的 Node (Express)”示例。但我想使用 React 作为“模板引擎”。

因此,我正在寻找它的完整且正确的实施。同时我找不到它。有人可以帮我找一个例子吗?

authentication oauth-2.0 express reactjs openid-connect

3
推荐指数
1
解决办法
8888
查看次数

主对象可能未定义时的双重解构

首先我的问题不是重述ES6双重解构

看下面的代码——Apollo客户端GraphQL

import { gql, useQuery, useMutation } from '@apollo/client';
...
const { loading, error, data } = useQuery(TREATMENTS);
Run Code Online (Sandbox Code Playgroud)

这样写会更好:

   const { loading, error, data : {treatments} } = useQuery(TREATMENTS);
Run Code Online (Sandbox Code Playgroud)

但是,不幸的是我遇到了以下错误:

TypeError: Cannot read property 'treatments' of undefined
TreadDetails
C:/Users/albertly/Downloads/git/individual-claims/src/TreatDetails.tsx:35

  32 | `;
  33 | 
  34 | function TreadDetails(): React.ReactElement {
> 35 |   const { loading, error, data : {treatments} } = useQuery(TREATMENTS);
  36 |  // const [treatments, setTreatments] = useState<Treatment[]>([]);
  37 |   const { state: stateApp, dispatch: …
Run Code Online (Sandbox Code Playgroud)

typescript ecmascript-6 reactjs react-apollo

2
推荐指数
1
解决办法
1422
查看次数