问题标签 [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.
reactjs - TypeScript 属性“道具”不存在
我有这个.tsx
文件:
但是,TypeScript 会抛出此错误:
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 没有我想要的属性。如果我将其标记event
为any
( event: any
),则代码可以完美运行。我怎样才能解决这个问题?我尝试使用普通的 Html 输入,然后通过将事件设置为React.ChangeEvent<HTMLInputElement>
.
带输入的工作代码:
reactjs - TSX/JSX 项目中的可选 JSX 道具
我有一个要从 JS 转换为 TS 的 React 项目。我遇到的一个问题是 TSX React 假设功能组件中定义的所有属性都是必需的道具。
和
有没有办法向 TS 表明 JSX 组件道具都是可选的?
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 中所做的状态应该连同我获取的数据一起返回给组件,但事实并非如此。我将不胜感激任何建议或帮助,谢谢。
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 通信的配置?
javascript - 使用 Type Script 在 React JS 中禁用文本框
我使用 TSX 文件在 React JS 中加载文本框,如下所示:
现在当我加载这个文件时,我们不能在文本框中写任何东西。
所以有人可以帮助我吗?
reactjs - 打字稿没有捕捉到类型不匹配(反应 TSX)
TypeScript 和 React 新手在这里。为什么 TypeScript 不会因为constructor(foo: string)
输入类型不匹配而对我大喊大叫{foo: string}
?(注意:其中一个是字符串,另一个是对象。)
TypeScript 会很高兴地编译它,当然生成的代码会爆炸。我试图打开 tsconfig.json 必须提供的所有选项。我正在使用打字稿 2.5.3。
有没有什么办法,比如打字稿配置、代码更改或其他任何方法来强化代码以避免这种情况?感谢任何想法,我的目标是编写稳定的代码。
从'react'导入*作为React;从 'react-dom' 导入 * 作为 ReactDOM;
编辑:简化问题
reactjs - Emmet 表达式扩展为单行
我正在学习在 TypeScript React 文件中使用Emmet和 Visual Studio Code *.tsx
。
当我键入div.buttons>button.something+button.something-else
并按 TAB 时,它会扩展为以下内容:
但是,如果我键入.outer>.inner>h1+p
并按 TAB,它会像这样展开:
所以我有两个问题:
- 是什么决定了某个表达式将扩展为单行还是每个标签一行?
- 我可以强制第一个表达式扩展为每个标签一行吗?
像这样:
编辑:
我找到了这个相关的问题,并将以下设置添加到 Visual Studio Code 用户设置文件中,但没有任何改变:
facebook-graph-api - 找不到名称“FB”[ts]
我正在尝试初始化 JavaScript SDK 以最终使用 Facebook Graph API。但它一直在说Cannot find name FB
,不知道为什么。这是我所做的,
PS我正在使用TSLint
,这就是为什么我拥有所有这些typedef any