问题标签 [react-tsx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
19121 浏览

reactjs - TypeScript 属性“道具”不存在

我有这个.tsx文件:

但是,TypeScript 会抛出此错误:

0 投票
1 回答
3500 浏览

javascript - React TypeScript 2.3 -> typesafe React Bootstrap FormControl onChange

使用此代码时出现错误Property 'type' does not exist on type 'EventTarget'。对于checked,value和 也是如此name

按照代码,我可以看到FormEvent从 that 继承SyntheticEvent的又具有target: EventTarget. EventTarget 没有我想要的属性。如果我将其标记eventany( event: any),则代码可以完美运行。我怎样才能解决这个问题?我尝试使用普通的 Html 输入,然后通过将事件设置为React.ChangeEvent<HTMLInputElement>.

带输入的工作代码:

0 投票
2 回答
5336 浏览

reactjs - TSX/JSX 项目中的可选 JSX 道具

我有一个要从 JS 转换为 TS 的 React 项目。我遇到的一个问题是 TSX React 假设功能组件中定义的所有属性都是必需的道具。

有没有办法向 TS 表明 JSX 组件道具都是可选的?

0 投票
1 回答
3539 浏览

typescript - React Redux Thunk 与 Typescript 发出 api 请求

我一直在尝试向第三方 API 发出简单的 URL 请求。这是我正在进行的项目(https://github.com/JMStudiosJoe/ReactPractice/tree/JMStudiosReact)。我一直在看 Dan Abramov 视频,从 redux 文档和这个例子中遵循这个例子,似乎遗漏了一些小东西,因为日志显示我的 API 数据已被接收并发送到减速器,但由于某种原因状态没有得到发送回组件。以下是代码摘要:

//app.tsx: 从 react-redux 获取 store 并使用 Provider

有问题的组件从 projectsComponent.tsx 文件中加载

//voteSmartLocallyComponent.tsx

我可以打电话this.props.fetchAddressData(fullRepURL)给我的行动

//voteSmartActions.tsx

从那里到我的减速机

//voteSmartReducer.tsx

从那里,我在 reducer 中所做的状态应该连同我获取的数据一起返回给组件,但事实并非如此。我将不胜感激任何建议或帮助,谢谢。

0 投票
1 回答
248 浏览

azure - 尝试通过另一个 Web 应用程序调用 Web 应用程序内部的 API 时出错 - Azure

我有两个 Web 应用程序,在同一个应用程序服务中。一个是后端部分(上面有 API,使用 .NET Core,安装了 SSL 证书),另一个是前端(ReactTS,使用 创建create-react-app)。

当我尝试使用我的前端调用 API 方法(一种 Auth 方法)时,我收到了这条消息作为响应:

登录失败:您要查找的资源已被删除、更改名称或暂时不可用。

-404 错误

另一个事实是,如果我在本地运行我的 ront-end 解决方案,我可以正常使用 API(发布在 Web App 上)。

我的 API URL 设置在package.json文件中,如proxy.

我的第一个想法是关于一个CORS问题,但它引发了 404 错误。

我可以在 Azure 上进行的任何配置,或者我需要在我的应用程序中进行更改以允许我的前端与我的 API 通信的配置?

0 投票
1 回答
552 浏览

javascript - 使用 Type Script 在 React JS 中禁用文本框

我使用 TSX 文件在 React JS 中加载文本框,如下所示:

现在当我加载这个文件时,我们不能在文本框中写任何东西。

所以有人可以帮助我吗?

0 投票
2 回答
578 浏览

reactjs - 打字稿没有捕捉到类型不匹配(反应 TSX)

TypeScript 和 React 新手在这里。为什么 TypeScript 不会因为constructor(foo: string)输入类型不匹配而对我大喊大叫{foo: string}?(注意:其中一个是字符串,另一个是对象。)

TypeScript 会很高兴地编译它,当然生成的代码会爆炸。我试图打开 tsconfig.json 必须提供的所有选项。我正在使用打字稿 2.5.3。

有没有什么办法,比如打字稿配置、代码更改或其他任何方法来强化代码以避免这种情况?感谢任何想法,我的目标是编写稳定的代码。

从'react'导入*作为React;从 'react-dom' 导入 * 作为 ReactDOM;

编辑:简化问题

0 投票
1 回答
30 浏览

webpack - 无法运行 webpack 也无法运行项目

当我运行 web pack 命令时

在我的项目中,我收到以下错误 在此处输入图像描述

当我

我收到以下错误 在此处输入图像描述

我和我的队友有完全相同的项目,但它只是不想在我的笔记本电脑上工作。我该如何解决这个问题并运行项目?

0 投票
1 回答
681 浏览

reactjs - Emmet 表达式扩展为单行

我正在学习在 TypeScript React 文件中使用Emmet和 Visual Studio Code *.tsx

当我键入div.buttons>button.something+button.something-else并按 TAB 时,它会扩展为以下内容:

但是,如果我键入.outer>.inner>h1+p并按 TAB,它会像这样展开:

所以我有两个问题:

  1. 是什么决定了某个表达式将扩展为单行还是每个标签一行?
  2. 我可以强制第一个表达式扩展为每个标签一行吗?

像这样:


编辑:

我找到了这个相关的问题,并将以下设置添加到 Visual Studio Code 用户设置文件中,但没有任何改变:

0 投票
1 回答
2566 浏览

facebook-graph-api - 找不到名称“FB”[ts]

我正在尝试初始化 JavaScript SDK 以最终使用 Facebook Graph API。但它一直在说Cannot find name FB,不知道为什么。这是我所做的,

PS我正在使用TSLint,这就是为什么我拥有所有这些typedef any