3回答
我在我的React项目中使用airbnb ESLint扩展，它迫使我格式化空/空标签，中间有一个空格：<br />。
但是，每次WebStorm自动格式化(更漂亮)都会改变这一点。我在WebStorm代码样式设置(File > Settings > Code Style)中找不到JSX。
有什么方法可以更改WebStorm的JSX格式设置吗？.editorconfig文件有帮助吗？
浏览 0提问于2018-08-05得票数 2
回答已采纳
2回答
我最近从VSCode切换到了WebStorm。但我注意到，像VSCode这样的样式化组件，WebStorm并不建议使用属性和道具。不过，它确实建议使用普通的HTML/JSX。其他人有没有遇到问题并知道如何修复它？
我已经安装了react、react-native、react-dom、styled-system和styled-components的类型，就像之前建议的那样，但没有成功。
VSCode：
来自WebStorm中完全相同项目的完全相同的代码：
VSCode甚至建议使用风格系统的道具，而WebStorm似乎无法做到这一点。我真的很喜欢WebStorm，但这个问题让我想知道我
浏览 1提问于2020-06-27得票数 3
1回答
我正在使用WebStorm 2018.3.4，并试图找出如何对React组件的道具进行类型检查。具体来说，如果一个道具被标记为一个string，但我给它一个number，我希望WebStorm显示一个错误。我创建了一个类型定义文件(如描述的)。文件如下所示：
MyComponent.d.ts
import * as React from 'react';
export interface MyComponentProps {
/** this is the component's title */
title: string;
/** this is a
浏览 4提问于2019-02-26得票数 1
我被卡住了。我在单独的文件中有几个独立的组件。如果我在main.jsx中呈现它们，如下所示：
ReactDOM.render(<LandingPageBox/>, document.getElementById("page-landing"));
ReactDOM.render(<TopPlayerBox topPlayersData={topPlayersData}/>, document.getElementById("wrapper profile-data-wrapper"));
ReactDOM.render(<Rece
浏览 1提问于2016-03-13得票数 34
回答已采纳
对于下面的react代码，我得到以下错误：
当我使用代码库上的ESLint标志运行--fix时，会得到一个错误，即：
ESLint: A space is required before closing bracket(react/jsx-tag-spacing)
ESLint: Insert `.` (prettier/prettier)
没有找到任何关于这个错误的文档--我该如何修复呢？
注意:我使用的是WebStorm --不确定它是否相关。
浏览 5提问于2020-04-20得票数 6
回答已采纳
如何解决react/jsx-closing-bracket-location在WebStorm(Idea，PhpStorm等)中的问题？
问题是：
getElem(name) {
return (<input type="text"
value={this.state.value}
/>);
}
此块将产生一个错误：
结束括号必须与开始标记(预期的第13列)react/jsx-关闭-括号-位置对齐。
(文档)
同样的块没有这个问题：
getElem(name) {
return (<input type=&#
浏览 5提问于2017-01-23得票数 1
回答已采纳
我刚刚使用create-next-app编写了一个使用TypeScript的新项目，我的IDE (WebStorm)在默认生成的主页中显示了这个错误。
初始化器类型() => JSX.Element不能分配给变量类型NextPage
当使用yarn dev时，该项目仍然构建并运行。
我遗漏了什么？
浏览 1提问于2022-04-03得票数 1
1回答
我正在使用以下NPM命令在Webstorm的终端窗口中运行Mocha测试以作出反应：
"tsc && mocha --compilers js:babel-core/register --require ./test_helper.js \"test/**/*.@(js|jsx)\" --watch --watch-extensions js,jsx,tsx"
如何创建Webstorm配置，以便在Webstorm的测试窗口中运行测试？
谢谢。
浏览 1提问于2016-03-14得票数 4
我知道(从另一个堆栈溢出问题)可以通过添加某些指令(不是实际的JSHint代码)来禁用文件部分的JSHint解析：
var SomeComponent = React.createClass({
render: function() {
// magic directive start!
return <input/>
// magic directive end!
}
但问题是，我真的不想用这样的指令把我的所有.jsx文件弄乱；我只想告诉JSHint“跳过任何.jsx扩展名的文件”。
但是，我还没有找到一种通过.js
浏览 3提问于2015-09-24得票数 3
回答已采纳
我读过多个教程，如何使CRUD与Redux、bot、、none、的作者进行反应，解释了为什么要使用Redux。(就像他们只是为了追求乐趣，或者因为所有其他人都在使用它)。
来自的美食
人们通常会在需要之前选择Redux。
通过进一步的研究，我了解到Redux有益于：
组件之间的共享状态
让某些数据可以在整个应用程序中访问。
它不存在错误的或right。但只有才能做有意义的事情，。
我的用法
我有一个使用共享组件的组件：
¦-- domains/FooManagement/Components/Editor.jsx <-- Most-parent of the ed
浏览 0提问于2017-11-17得票数 2
回答已采纳
考虑一下这个JSX表达式：
return <><p>Some text</p><p><strong>Some more text!</strong></p></>;
目前，按下Ctrl+Alt+L，WebStorm说它已经被正确地格式化了。
请告诉我如何引入基于嵌套的每个标记的自动缩进，如下所示：
return <>
<p>Some text</p>
<p>
<strong>Some more text!&l
浏览 4提问于2019-10-01得票数 0
回答已采纳
1回答
给定this代码： const array = ['um', 'dois', 'tres', 'quatro', 'cinco'];
const Task = (value, i) => {
return (
<li key={i}>{value}</li>
);
}
function App() {
return (
array.map((e, i) => {
return Task(e, i);
})
)
} 我注意到，映射此数组
浏览 24提问于2021-08-29得票数 0
我无法在WebStorm中得到JSX的支持。也就是说，它在react组件呈现方法中不识别JSX。在我看来是这样的：
显然，这是可能的，而且网上有一些文件：
它指出，您应该使用JSX和谐，这可以在首选项、双语言和框架、JavaScript、中找到。
但是在我的WebStorm版本(也就是最新的2016.3版)中，JSX和谐没有这样的复选框。有一种叫做JSX Emmet的东西在默认情况下已经被检查过了.但没有帮助。
浏览 2提问于2017-03-29得票数 7
我试图使用网络风暴与webpack和打字稿，我一直坚持错误检查。我想用webpack编译ts文件，所以我需要避免通过Webstorm编译源文件，但似乎Webstorm只在编译过程中执行错误检查。
对应于webstorm文档“使用tsconfig.json解析对象”，不需要编译就可以激活错误检查，但不会。
示例代码，Webstorm没有突出显示的代码
{ let z = 4;}
console.log(z);
我的tsconfig文件：
{
"compilerOptions": {
"module": "commonjs",
浏览 4提问于2015-12-16得票数 4
回答已采纳
18回答
与webstorm不同，我无法在Visual Studio Code的.js文件中注释掉JSX代码。
浏览 20提问于2016-07-20得票数 82
1回答
我使用useRoutes钩子来设置我的应用程序路由，因为它比使用Routes和Route组件更干净。但问题是，我希望在我的页面中使用一个Route组件来显示一个模式，当我添加Route组件时，它会显示以下错误消息：
A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.
下面是我的代码的一个小版本: App.jsx
const routin
浏览 6提问于2022-10-27得票数 1
回答已采纳
我有以下文件夹结构
my-app/
├─节点模块/
├─源/
│├─RepositoryItem.jsx
│├─RepositoryList.jsx
│├─Main.jsx
├─package.json
├─README.md
├─App.js
RepositoryList和RepositoryItem将导入到Main.jsx中。导入到App.js的Main.jsx
如果我在App.js或Main.js中修改代码，并保存它。世博会GO应用程序会立即显示这些变化。
如果我修改RepositoryList.jsx或RepositoryItem.jsx组件并保存，则会进行快速刷新，但不会显示更改。只
浏览 0提问于2021-10-05得票数 0
2回答
这是一个与WebStorm相关的问题:我有一个WebStorm项目，在后端使用NodeJS (ES6)，在前端使用JSX。
有办法让WebStorm根据位置处理这两种javascript类型的不同吗？
浏览 11提问于2016-11-18得票数 4
回答已采纳
1回答
我试图在我的节点应用程序中使用嵌套路由。最初，我在我的App.jsx中拥有了所有的路由，并且它工作得很好。我决定使用嵌套路由来更好地处理从子到父的数据。
当我设置嵌套路由时，页面会转到url，但我的组件没有呈现。我把路线放回我的App.jsx里，一切都很好。
我尝试过HashRouter而不是BrowserRouter，因为我的应用程序(目前)只呈现静态页面，但没有帮助。
我还使用了下面链接中引用的更新阻止程序，但是遗憾的是，它也不起作用。
请帮帮这个新手！
Index.jsx
import React, {Component} from 'react';
import {
浏览 0提问于2018-08-14得票数 0
1回答
我将PyCharm用于一个组合的烧瓶/反应项目。在设置中，我的JavaScript版本被设置为"JSX和谐“，但突出显示的代码仍然如下所示：
我是否可以安装一个插件来启用WebStorm中的JSX高亮显示，但可以在PyCharm中使用？
浏览 4提问于2015-12-28得票数 4
回答已采纳
在React路由器Dom v5上，我有一个可以使用嵌套元素的工作代码。V5代码是：
const App = () => {
return (
<Router>
<Switch>
<Route exact path="/" />
{user && (
<>
<Route path="/movies">
<Home type="movie"
浏览 5提问于2022-05-26得票数 2
回答已采纳
在浏览器的cosole中，我得到了以下错误：
Uncaught Error: Cannot find module "./users/UserSection.jsx"
然而，我已经查看了我的UserSection文件和目录中的任何语法或错误，并且我无法确定为什么它找不到模块。
下面是UserSection.jsx组件：
import React, {Component} from 'react';
import UserForm from './UserForm.jsx';
import UserList from './UserList
浏览 4提问于2016-11-24得票数 0
回答已采纳
我的routes.js文件中有以下代码
import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom'
import Home from './components/home/Home.jsx'
import Dashboard from './components/dashboard/Dashboard.jsx'
import { browser
浏览 2提问于2018-08-03得票数 3
回答已采纳
我已经开始了Facebook的React库的新项目。我发现PhpStorm无法在*.jsx文件中完成html代码。只有当按下"Ctrl+Space“时才会这样做。
下面是一个例子。我输入了<div cla></div>和预期的下拉列表，并提供了代码建议。
在*.html或例如*.ejs文件中，有代码完成：
PhpStorm也不能自动提示HTML-元素，不能自动关闭标签等.
Preferences / Languages & Frameworks / JavaScript => JavaScript language versio
浏览 4提问于2015-09-02得票数 1
回答已采纳
有没有办法在WebStorm中对 (coffeescript中的jsx)文件进行语法高亮显示？
目前，我使用的是，这很棒，但如果可能的话，我更喜欢使用WebStorm。我知道WebStorm支持TextMate包，所以这可能是一个可行的选择，但我找不到适用于cjsx的包。
浏览 0提问于2015-01-01得票数 15
我目前正在做一个ReactJS项目，无法摆脱这种类型的衣领错误，这让我抓狂。
虽然在这里使用这个属性应该是非常好的，但是WebStorm一直说它是不允许的。我怎么才能解决这个问题？
我的WebStorm 2017.1设置
语言和框架> JavaScript React JSX ( EcmaScript 6中的JSX)
语言和框架>模式和DTD>默认XML HTML 5
浏览 3提问于2017-04-06得票数 2
回答已采纳
我想知道为什么React使用xml标记，而它只是一些简单的函数调用。这是否只是为了方便前端开发人员从纯html迁移到React？请考虑以下内容：
return <Component x={this.props.x} y={() => alert(123)}>
<AnotherCompoent x={this.state.x} y='123'/>
<hr style={borderColor: 'red'}/>
</Component>;
它可以像这样用函数调用来编写：
return Compo
浏览 0提问于2017-05-17得票数 2
1回答
有没有一种方法可以调试原始jsx代码(而不是转换后的代码)？也许是Webstorm插件或类似的插件。
否则，调试它的最佳和/或最常见的实践是什么？
浏览 0提问于2014-12-12得票数 0
我正在使用WebStorm来做出反应应用。
首先，当我使用JSX标记属性时，它会自动创建大括号。如何禁用此选项？
其次，当我们的源代码被修改时，许多IDE向我们展示了这个文件被改变了。在VSCode中，它是这样完成的：
但WebStorm不是。所以我不知道这个文件是否变了。我该怎么设置这个？
浏览 1提问于2017-11-03得票数 0
回答已采纳
我已经在WebStorm中安装了React + Bootstrap。JSX可以工作，一切都很好，但是Bootstrap代码突出显示不起作用。有人知道怎么修吗？ ? ?
浏览 6提问于2020-12-15得票数 0
在我的一个组件(Source.jsx)中有一个返回数组的方法。我想在我的所有其他组件中访问这个数组(比如Article.jsx，它不一定是Source的子组件)。这个是可能的吗？
//Soure.jsx
export default class Source extends React.Component {
//Returns an array which I want to use in Article.jsx
getCategories() {
let sourceCategories = this.fetchAllCategories();
let sort
浏览 0提问于2017-05-26得票数 0
1回答
假设我正在导入一个组件：
const MyComponent = require('./components/MyComponent');
然后在JSX块中使用它：
const App = props => (<MyComponent/>)
我在WebStorm中从Eslint那里得到了一个错误：
'MyComponent' is assigned a value but never used (no-unused-vars)
如何使WebStorm理解我正在使用这个变量？
浏览 1提问于2018-02-13得票数 1
回答已采纳
在切换路由路由时间，它正在工作，但现在是最新的新路由，路由它不能工作的自定义路由--我已经在HomeLayoutHOC中包装了导航栏页面和主页--任何人都可以帮助我:)如何完成我尝试过的这个最新版本，但是有很多事情要做。没有结果
我想要'HomeLayoutHOC‘路线而不是’路由‘
->client\src\App.JSX :
//HOC
import HomeLayoutHOC from "./HOC/Home.Hoc";
import { Route, Routes } from "react-router-dom";
//Comp
浏览 1提问于2022-08-26得票数 1
回答已采纳
我正在尝试连接JSX元素，并得到一个编译错误。
我得到以下错误：“语法错误:意外令牌”
问题是编译器看到一个未关闭的标记ul (第二行：html.push(ul))，并认为其余的代码应该是一个JSX元素。
函数I得到错误：
walkOnFilter (crumb, html) {
var keys = Object.keys(crumb)
html.push(<ul>)
keys.forEach((key, i) => {
let node = crumb[key]
html.push(<li>{key}</
浏览 1提问于2018-01-17得票数 0
回答已采纳
我对WebStorm有一个问题，并做出反应。
在呈现函数中，我键入我的HTML (JSX)，当我为一个元素键入一个属性时，WebStorm将用大括号而不是语音标记自动完成它。
有什么想法吗？
浏览 5提问于2017-11-15得票数 24
回答已采纳
1回答
在我的项目中，我使用了React和Babel，所以我使用了一些ES6特性，但主要是React使用的那些特性。Webstorm让我可以选择将我的语法标记为ES6或JSX Harmony，我弄糊涂了。
我想我知道ES6/ES2015是什么，以及如何在编译器中使用它。巴别塔。
难的部分是JSX/JSX Harmony。我知道React使用了"JSX“，但是：
和是同一个JSX吗？我看过的兼容性页面，知道JSX Transformer只支持ES6的一小部分，但显然Babel支持JSX作为ES6支持的补充，所以JSX似乎不仅仅是ES6的子集……如果是这样的话，JSX React或JSX Harm
浏览 55提问于2015-09-22得票数 19
回答已采纳
我有一个小问题，一个子路由在反应路由器-dom。
在我的例子中，我有3种不同类型的容器，如MainContainer.jsx、LoginContainer.jsx和RegisterContainer.jsx
在所有这些容器中都存在子路由。
现在，在我的App.js文件中只有3条路由
当我试图访问LoginContainer.jsx中的路由时，如果在父路由上没有确切的标志，则登录路由不会呈现
另一方面，当我试图访问一个注册路由时，如果登录父路由有一个确切的标志，那么我也有相同的错误。
我试图在App.js中的所有父路由上切换精确和严格的标志
但它并没有解决我的问题
这是我的部件
我的App.js
浏览 1提问于2021-12-23得票数 1
这是我第一次使用react.js和
代码可以在浏览器中运行，但是html用红色突出显示了如何解决这个问题。我使用的是JSX Harmony，Webstorm 11？
浏览 2提问于2016-02-19得票数 0
2回答
我要去拿
使用 Jsx时不需要导入react。
WebStorm的通知，甚至是我通过以下方式使react库成为全局的：
我的webpack.config.js
plugins: [
new webpack.ProvidePlugin({
React: "react"
})
]
我的declarations.d.ts
import _React from "react";
declare global {
const React: typeof
浏览 5提问于2019-12-12得票数 14
回答已采纳
我想不出如何停止在WebStorm中显示关于样式JSX属性的警告。
我已经添加了样式-jsx到babel和ESLint配置。
JavaScript语言版本设置为ECMAScript 6(支持ECMAScript 6)。其他像className这样的JSX属性没有显示警告。
编辑：，我已经安装了react插件，它没有解决这里的问题。
如何让检查不显示这些JSX样式属性的警告？
浏览 4提问于2021-03-07得票数 2
回答已采纳
我有Eslint和JSCS设置，用airbnb样式指南在WebStorm中重新格式化一些代码库。在过去的两天里，我一直在有效地使用这个设置，但是突然，WebStorm开始抛出这个错误.
ESLint reformatting:index.js的问题:初始化错误(ESLint)。意外标识符
我想也许我的.eslintrc中有一些错误，但是在这个突然的错误之前，我使用了相同的配置成功地重构了大约150个文件。在此之前，JSCS编译器偶尔会抛出“不到一分钟超时”的异常，但是我会通过关闭和重新打开文件来修复这个问题。不过，这种诡计似乎并没有被人们所接受。
这是我的.eslintrc
浏览 0提问于2018-01-09得票数 6
回答已采纳
如何让Visual Studio2019将.js文件视为.jsx？目前，我的项目只使用.js文件，即使它们包含用于React的JSX。目前我使用WebStorm来处理这个问题，但是Visual Studio2019会显示错误，直到我将文件扩展名改为.jsx。对我来说，现在把所有东西都改成.jsx扩展是不可行的，所以我想知道有没有办法强制Visual Studio把.js文件当作.jsx来处理。这个是可能的吗？
浏览 19提问于2019-06-28得票数 3
我在WebStorm中使用React路由器.我不能从“react路由器-dom”导入开关组件。
-
我删除了所有的node_modules和重新安装npm.但这并没有解决问题。react路由器-dom版本为6.2.2
浏览 14提问于2022-03-01得票数 0
1回答
WebStorm为React.js提供了特定的JSX代码自动完成。事情是这样的：
div. + Tab => <div className=""></div>
但是我使用的是SCSS，所以我需要将自动完成从className更改为styleName
div. + Tab => <div styleName=""></div>
浏览 2提问于2016-07-15得票数 3
回答已采纳
我有一个组件正在呈现两个不同的
喜欢
在我的ProfilePage.tsx里
<Routes>
<Route
path="/"
element={example jsx}
/>
<Route
path="security"
element={jsx2}
</Routes>
在我的app.tsx里
<Route
浏览 2提问于2022-08-04得票数 -1
例如，span>strong错误地扩展为：< span > < strong > < / strong > < / span >
我正在使用JSX和谐，WebStorm 2016.1.1，ES6
浏览 3提问于2016-05-12得票数 0
回答已采纳
当试图将泛型Merge的结果赋值为对象类型(键值类型)时，会出现语法错误：
type Merge<a,b> = any
type test<P, S= any, K= any> = {
jsx1?: (state: Merge<K, S>, props: P, nextJsx?) => JSX.Element; //ok
jsx2?: ({state: S, props: P, nextJsx}) => JSX.Element; // ok
jsx3?: ({ state: Merge<K, S>, prop
浏览 10提问于2021-11-30得票数 2
回答已采纳
--这是用.ts查找所有文件的方式。在.tsx文件中，它也不起作用。
WebStorm中的其他项目工作正常，但它们仅用.js和.jsx编写。
另外，我已经尝试过重新安装WebStorm两次，并将所有设置为默认设置，这一点都没有帮助。
浏览 22提问于2022-11-26得票数 1
在webstorm中，jsx拥有与javascript相同的颜色和样式，这很棒。但是，块注释不会调整为jsx /* */与{/* */}。
我曾尝试将*.jsx作为File Types首选项中注册的javascript模式删除&使jsx成为自己的文件类型，但随后我失去了所有自定义的颜色和样式。有没有办法在每个模式的基础上调整块注释字符，同时让样式引用纯javascript规则？
浏览 0提问于2015-10-23得票数 6
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
