2回答
我有两个文件在我的文件夹中，我使用。Minside.js和footer.js.当我将Minside从“./component/Minide.js”导入到index.js时，它可以正常工作。现在，我想从“./ MyApp.js /footer.js”导入MyApp.js作为导入底部。但是，代码编辑器不会像对"minSide“那样找到关键字”底部“。这两个文件位于完全相同的文件夹中。
//Minside.js .文件
import React from "react";
import bottom from "./component/bottom.js";
浏览 2提问于2020-01-03得票数 0
我有一些使用@uifabric/foundation npm包的常见TS库。此库公开了一些基于uifabric代码样式和模式的响应组件。
还有一个TS/React/Redux项目使用这个库(使用npm链接)。编译和工作没有问题。
该项目包含了一些测试场景。使用的堆栈：mocha, enzyme, sinon, chai。编译没有问题，但在执行mocha测试时，我经常得到
[sharedlibpath]\node_modules\@uifabric\utilities\lib\index.js:1
(function (exports, require, module, __
浏览 2提问于2019-09-03得票数 1
我正在尝试为react with cypress中的组件编写“单元测试”。
跟随链接
当我为一个组件编写测试用例并尝试使用"npx cypress open-ct“运行时
然后得到上面的错误(问题标题)...
注意:对于登录，实现了oAuth2！
我的index.spec.js文件是
import * as React from 'react';
import { mount } from '@cypress/react';
import User from './index';
describe('User component
浏览 2提问于2021-11-13得票数 0
warning.js:36Warning:标签上的未知道具zDepth。从元素中移除这个支柱。
我在试着渲染。但它显示了上述错误。有谁能帮忙吗？
import React, { Component } from 'react';
import Divider from 'material-ui/Divider';
import paper from 'material-ui/Paper';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Mu
浏览 1提问于2016-11-04得票数 1
回答已采纳
我使用的是react-ga v2.5.7，为此我更新了react-redux v7.0.2，我使用的是jest v24.7.1 我在testMode中设置了react-ga，但它在我的jest.setup.js中被模拟了。但是每次我运行我的测试时，我总是遇到同样的问题，大多数测试都因为一些奇怪的原因而失败： Test suite failed to run
Cannot find module '@icons/material/CheckIcon' from 'SwatchesColor.js'
However, Jest was able
浏览 26提问于2019-04-23得票数 0
回答已采纳
3回答
我有两个组件‘脚注’和‘页眉’在组件目录中。它进口正常，但我不能显示它。
App.js
import header from "./components/header";
import footer from "./components/footer";
function App() {
return (
<>
<header />
<main>
<h1>Welcome to Proshop</h1>
</main>
浏览 7提问于2022-05-22得票数 0
回答已采纳
1回答
我对React.js非常陌生，通过遵循一些教程并做我在index.js中所做的事情来尝试，但是它没有显示我的代码的任何输出。
我通过使用以下两个命令来安装React和create
npm安装-g创建反应应用程序
创建-react app helloworld
应用程序只在Index.js文件中创建和执行以下代码，而不干扰任何其他文件，但是H1没有显示在屏幕上。有什么问题，我做错什么了吗？
这是我的密码
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
class work
浏览 0提问于2017-07-18得票数 1
回答已采纳
我正在为高阶组件(HOC)内部的React无状态功能组件(SFC)编写jest单元测试。如何使用TestUtils查找证监会中的特定类？
具体地说，我的SFC/HOC如下所示：
import React from 'react'
import sizeMe from 'react-sizeme';
const MyClass = ({myText, size}) => {
return (
<div className="MyClassName">{myText}</div>
);
};
expor
浏览 2提问于2018-01-05得票数 0
回答已采纳
2回答
在构建时，我收到以下错误消息： ERROR in ./node_modules/my-components-lib/src/components/table/Table.js 11:4
Module parse failed: Unexpected token (11:4)
You may need an appropriate loader to handle this file type.
| }) =>
|
> <table> node_modules/my-compoenents-lib中的表格组件 import Reac
浏览 48提问于2019-12-06得票数 0
我正在尝试为Backhandler实现自组织。我有三个组件都是用createBottomTabNavigator包的，家里就是其中之一。但是在实现回传之前，需要特别显示这个错误。
组件主页-
import React, { Component } from 'react';
import {Text,View} from 'react-native';
import updateComponent from './HOC/updateComponent';
class home extends Component {
constructor(p
浏览 0提问于2019-04-22得票数 1
1回答
我想用反应来建立我的网站。我了解到用大写字母命名功能组件是一种很好的做法，但表示组件的名称应该以小写字母开头。我试着遵循这个规则，但是当我将任何钩子导入到以小写开头的表示组件时，React说“编译失败”。下面是消息行10:26: React "useContext“在函数"newCoring”中被调用，它既不是React函数组件，也不是自定义React函数--钩子/规则--钩子--我知道重命名组件会有帮助，但仍然想知道为什么在不使用React时用这种方式命名表示组件是“一个很好的实践”？这是我的组成部分：
import React, {useContext} fro
浏览 11提问于2020-09-13得票数 0
回答已采纳
3回答
我在使用.jsx加载webpack文件时遇到了问题。我有这个webpack.config.js
var webpack = require('webpack');
module.exports = {
entry: "./static/js/storage/src/index.js",
output: {
path: './static/js/storage/public/',
publicPath: "public/",
filename: "bundle
浏览 10提问于2016-07-17得票数 11
我在我的react原生应用中使用了
我可以在同一个地方拥有相同的react native和react native web代码吗？
目前，我的移动代码在src\mobile中，你可以在这里看到：
浏览 11提问于2017-12-24得票数 1
回答已采纳
1回答
上下文是一个很好的解决方案(下面是一个简短的问题)。
我有一个数据库(API)，它生成AppA、AppB、AppC等应用程序的数据列表，以及它们的名称、路径.
使用地图，我生成(反应路由器)链接到这些应用程序基于这个数据列表(在主<App/>)和前面。使用另一张相同的地图(如下所示)，我制作了路由器，它应该根据路由和应用程序名称调用应用程序：
function(Router) {
const [routes, setRoutes] = useState([]);
useEffect(() => {
fetch("MyAPI"
浏览 3提问于2020-10-11得票数 0
回答已采纳
1回答
我是一个新的反应和有一个奇怪的问题。我已经定义了一个无状态函数，当我想要将它导入到我的主组件中时，它不会加载该函数。我猜有一个我不知道的命名惯例。npm没有给出任何错误，所以我假设代码正在编译ok。
我的无状态组件在下面
import React from 'react';
const AppHeader = () => {
return(
<div class="jumbotron text-center">
<h1>Map Search</h1>
浏览 1提问于2019-06-15得票数 1
我刚开始测试React/类型记录应用程序。
命令(别名为react-scripts test)：
yarn test
产出：
FAIL src/containers/pages/Feature/Feature.test.tsx
● Test suite failed to run
Target container is not a DOM element.
17 | const { store, persistor } = configureStore(history, initialState);
18 |
> 19 | React
浏览 3提问于2020-06-09得票数 7
回答已采纳
1回答
我失败了无数次，忘记从这样的道具中提取连接的动作创建者：
import {actionCreator} from 'my-actions';
interface Props {
actionCreator: typeof (actionCreator);
}
const Foo: React.SFC<Props> = (props) => {
// oh, i forgot to take actionCreator from props
// const { actionCreator } = props;
return (<Bu
浏览 1提问于2017-11-28得票数 0
回答已采纳
2回答
我有一堆表示选项卡组件中的选项卡的类。每个类都有一个名为title的静态方法。下面是使用它们的代码：
import { Tab1, Tab2, Tab3, Tab4, Tab5} from '../../components';
var tab_classes = [
Tab1,
Tab2,
Tab3,
Tab4,
Tab5
]
{tab_classes.map(tabclass =>
<Tab className="nav-item">
<a className="nav-link active
浏览 9提问于2018-02-07得票数 0
回答已采纳
这和youtube教程的代码是一样的，
但这对我没用：
Hello没有出现在浏览器中。
import React from 'react';
function myComponent() {
return(
<h1>Hello World</h1>
);
}
class App extends React.Component {
render(){
return(
<myComponent/>
);
}
}
export default App;
浏览 3提问于2020-01-26得票数 0
回答已采纳
我正在学习ReactJS，如果这个问题是基本的，我很抱歉。
我创建了一个组件：
import React, { Component } from 'react';
class title2 extends Component {
constructor(props){
super(props);
}
render() {
return (
<div className="shopping-list">
<h1>Shopping List for
浏览 0提问于2019-01-10得票数 1
回答已采纳
问题: react的相对初学者，喜欢使用create-react-app而不弹出或配置webpack，并希望实现SASS，最好使用7-1文件夹结构。我想要的是组件的独立样式表，但也有布局等全局样式表等。最重要的是，我想要有SASS变量和混合，我可以在我的所有组件中使用。
我尝试过的: 1) Node-sass-chokidar (在package.json中添加一些脚本，以便在运行npm start时自动运行css-watch，按照github.facebookincubator/create-react-app上的说明。)
Node-sass-chokidar在src目录中查找任何scss文
浏览 3提问于2017-10-03得票数 2
1回答
反应-悬念未满载
、、、
我做了以下实现：
import {lazy, Suspense} from 'react'
Load (懒惰)我的组件：
const Component = lazy(() => import('./componentPath'))Wrap开关的悬念：
<悬念fallback={加载.}><路径精确路径=‘/路径’component={Component} //>
我注意到了以下问题：
在许多地方，css的利润率都很差，甚至还有一些缺少的样式。
我的目标是在路由级别上延迟加载组件。
我有什么办法解决这个问题吗？提前谢谢你。
组件结
浏览 1提问于2020-02-18得票数 1
2回答
我将图像保存在react项目外的一个目录中，然后尝试在react组件中呈现它们，但失败了。 ? ? // path: /frontend/src/components/Product.js
<img
src='/uploads/image-1608360523657'
style={{ width: 253, height: 208 }}
/>
浏览 21提问于2020-12-19得票数 0
我正在尝试从svg导入一个React，然后将它作为一个支柱发送到另一个组件，以呈现functionComponent。使用下面的设置，这将编译得很好，但是当试图在浏览器中呈现svg时，它最终会崩溃：
错误:对象作为React子对象无效(找到:键为{$$typeof的对象，呈现})。如果您打算呈现一个子集合，请使用数组代替。
下面的类是简化的。但我想做的是：
在overlay.tsx中：
import { ReactComponent as icon } from "/icon.svg";
import CustomItem from "/customItem&#
浏览 5提问于2020-04-15得票数 4
我正在尝试使用模块。但是，在使用npm的包中没有找到任何类型。
npm install @types/react-image-gallery returs 404.
在回答之后，我试图声明ImageGallery如下：const ImageGallery = require('react-image-gallery');
这没有给出编译器警告，但应用程序在运行时失败。
我可以通过在"noImplicitAny": false中设置tsconfig.json来使一切正常工作，但我不想在全局范围内禁用它。
我怎样才能把我的进口标记成任何？
我试过以下几种方法，但不起
浏览 1提问于2017-05-19得票数 0
回答已采纳
这个React面板是用React构建的，并被设计成具有拖放功能。但是，它在呈现时抛出一个不变冲突: Element无效。
该面板是由反应钩在流星，如下所示。
import React, { useState, useCallback } from 'react';
import update from 'immutability-helper';
import ProjectItemPreview from './ProjectItemPreview.js';
export const ProjectItemsPanel = () =>
浏览 3提问于2020-08-14得票数 0
我有一个react应用程序，它使用react-bootstrap + bootstrap-sass。
我在我的主app.scss中加载bootstrap.scss文件，如下所示：
@import '~bootstrap-sass/assets/stylesheets/_bootstrap';
在我的页面中，我实现了一个来自React-Bootstrap的简单组件。
但是模式窗口没有任何CSS，所以看起来真的很糟糕。
我试着直接加载modal.scss
@import '~bootstrap-sass/assets/stylesheets/bootstrap/_modal
浏览 8提问于2017-09-01得票数 0
2回答
在创建HOC时，我不确定会包装哪种组件，有时它是另一个React组件，有时它可能是一个普通的DOM元素，如li和a。
WrappedComp = myHOC(BaseComponent)
MyHOC会将额外的道具传递给包装的组件，在大多数情况下，这将按其应有的方式工作。
但有时，当BaseComponent是li时，它不会接受额外的道具，React会抛出一个警告Unkown Prop Warning，说明DOM元素不接受非标准的dom属性：
那么如何检查BaseComponent是DOM元素还是其他元素呢？如果是的话，我不会把额外的道具传给它。
有没有更好的方法来做这件事？
浏览 1提问于2017-04-12得票数 6
当我试图创建一个组件库以供响应时，我一直得到以下无效错误。
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named impo
浏览 16提问于2022-01-12得票数 1
1回答
我试图运行组件测试，测试人员继续失败，因为目标容器不是DOM元素。我找到了一个建议从index.tsx中删除导出值的答案，但是它没有解决这个问题。
src/Component/__tests__/FirstPage.test.tsx
● Test suite failed to run
Target container is not a DOM element.
8 | export const socket = io('http://localhost:8080');
9 |
> 10 | ReactDOM.re
浏览 1提问于2020-12-06得票数 0
回答已采纳
我刚刚在我正在开发的一个react示例应用程序中添加了一个登录页面和组件，但每当我导航到新页面(localhost:3000/signin)时，页面挂起并查看Chrome任务管理器，开始使用300+%的CPU能力。控制台不会打印任何内容，屏幕上也不会显示任何内容。 我知道当有某种类型的调用循环试图无限呈现时，可能会发生这种情况，但我不知道在我的代码中可能发生这种情况的地方。 这是我的App.js： import React from "react";
import { Switch, Route } from "react-router-dom";
impo
浏览 25提问于2020-01-24得票数 2
回答已采纳
我正在研究Next.js和。我按照官方的requestAnimationFrame示例成功地将它们运行在一起，但是当我试图从react本机使用动画包时，它失败了，没有定义Next.js。基本上，这个功能可以完成node_modules包，但是我在webpack中设置了别名，以便将所有react本机需求转换为react本机-web，所以即使是node_modules包也应该使用react本机-web。
对如何解决这个问题有什么建议吗？
ReferenceError: requestAnimationFrame is not defined
at start (...node_module
浏览 2提问于2020-04-25得票数 7
回答已采纳
我有一个
menu-item.component in src/components/menu-item/menu-item.component.jsxdirectory.component in src/components/directory/directory.component.jsx.
在menu-item.component中
import React from "react";
import withRouter from "react-router-dom";
import "./menu-item.styles.scss";
浏览 1提问于2020-02-13得票数 0
回答已采纳
我一直在重新调整我制作的应用程序的方法，开始使用类和更多面向对象的样式，并对页面使用单独的文件，而不仅仅是在主文件中敲击函数中的所有内容。 这是App.js import 'react-native-gesture-handler';
import React , {Component} from 'react';
import {Button, Text, View, SafeAreaView} from 'react-native';
import {NavigationContainer} from '@react-navigat
浏览 7提问于2020-10-24得票数 2
回答已采纳
我已经检查了以前关于重呈现的不同主题的答案，但是找不到一个正确的方法来解决这个问题。在选中框中触发onChange事件后，我正在尝试重新呈现组件。
我有一个包含5个用户的用户列表，我将它们分隔成了性别数组。所以我有一个雄性阵列和一个雌性阵列。我试图在onChange事件之后显示选定的性别用户列表。
我试着在组件中使用“密钥”攻击，但它没有起作用。
这是我的UserList容器：
import React, { Component } from "react";
import ReactDOM from "react-dom";
import { connect
浏览 0提问于2019-08-15得票数 2
回答已采纳
2回答
我已经创建了一个React-Native应用程序，并想要设置导航。我用NavigationContainer创建了我的文件，我认为我已经做了正确的事情，但我在更改屏幕时遇到了问题。我在Expo或bundler中没有实际错误，但是请求的屏幕没有显示出来，尽管标题发生了变化。所以我觉得我在代码中遗漏了一些东西。我知道我犯了个错误，但我需要你帮我弄清楚并改正...感谢您的时间和帮助。
导航：
import React from 'react'
import { Image } from 'react-native'
import { creat
浏览 2提问于2020-11-02得票数 0
我构建React应用程序已经有一段时间了，所以我想做一个React组件库。我一直在阅读有关方法的文章，并采用了一种方法，在这种方法中，您可以使用Webpack和Babel来绑定而不使用React，因为如果您不这样做，将会出现错误，因为将导入两个版本的React (一个在组件库中，一个在应用程序中)。无论如何，我有一个Jest安装文件，其中包含以下内容： import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'
configure({ adapter: ne
浏览 54提问于2019-10-09得票数 0
回答已采纳
package.json文件
{
"name": "myapp",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
浏览 4提问于2022-09-25得票数 0
回答已采纳
1回答
我使用create- React - Native -app创建了一个新的react native项目，并在文件顶部添加了// @flow以进行适当的类型检查。然后我添加了一个基本组件：
export class Foo extends React.component {
render() {
<Text>abcd</Text>
}
}
您可能会注意到第2行中缺少的return。因为flow不会抱怨它，所以我想添加一个类型注释，如下所示：
render(): JSX.Element {
但是，我不知道如何导入JSX。因此，我跳转到import Rea
浏览 1提问于2017-10-04得票数 0
我刚把我的项目从39号更新到42个。该项目使用ReactiveNavigation4。在更新之前，一切正常，现在我得到了一个恼人的错误：
警告: React.createElement: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于复合组件)，但got: undefined。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查您在App.js:89的代码。
in (由ExpoRoot创建)
在ExpoRoot (at renderApplication.js:45)
在RCTView (at View.js:34)
在视图中(在AppCont
浏览 0提问于2021-08-20得票数 0
1回答
我需要为我的react组件库添加全局样式选项。我添加了全局样式，如下所示
import { createGlobalStyle } from 'styled-components';
export const GlobalStyle = createGlobalStyle`
button{
color: white;
background-color: green;
}
`;
我已经导出了组件，以便使用my-ui-libray的应用程序可以使用它。
export * from './GlobalStyle.js'
我在一个react
浏览 13提问于2022-05-01得票数 2
大家好，我是新来的反应，我刚开始学习。
我正在尝试react native，我已经研究过它，现在我正在尝试学习它，这是我在这方面的第一天，
我刚刚创建了react本机项目，并在创建js中创建了一个js文件和写入视图，并导入到index.android.jd中，但它显示了默认视图
以下是代码
index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import Comp
浏览 7提问于2017-07-14得票数 0
2回答
我有，我想在ShowTest中使用它
import React from "react";
export default class Test extends React.Component{
render() {
return (
<div>hi test</div>
);
}
}
我将测试呈现给ShowTest，如下所示
import {Test} from "./test";
import React from "react";
expor
浏览 2提问于2017-01-13得票数 0
回答已采纳
我正在尝试构建react共享ui组件库，并将其作为依赖项添加到另一个react项目中(使用create-react-app创建)。然而，当我尝试导入Button组件时，我得到了一个错误。阅读类似的问题，它看起来与我导入或导出的方式有关，但还不能解决它。 使用共享组件的应用程序出错： Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to
浏览 14提问于2019-06-25得票数 0
1回答
我在ReactJS上做这个项目。将reactstrap模块用于bootstrap4中的元素。
我有reactstrap标签：
import React, {Component} from 'react';
import {
Button,
Col,
Container,
Form,
Input,
InputGroup, InputGroupAddon, InputGroupText,
Label,
Nav,
NavItem,
NavLink,
Row,
TabContent,
浏览 0提问于2018-12-23得票数 4
回答已采纳
我今天刚升级到Webpack 2.2，一直在阅读他们的指南，这似乎还在进行中。
我很难设置我的应用程序使用webpack开发服务器与热模块重新加载.
我通过webpack文档所遵循的指南就在这里，但是我必须修改它才能使用开发/生产应用程序。
我得到的两个错误如下..。
Uncaught Error: _registerComponent(...): Target container is not a DOM element.
at invariant (eval at <anonymous> (index.js:2), <anonymous>:44:15)
浏览 4提问于2017-01-18得票数 6
回答已采纳
1回答
库中多个对等依赖版本的帐户
、、、、
我正在将我的转换成类型记录。该库要求用户将react-传单安装为peerDependency，并且它提供了对react传单版本3 (RLV3)以及react-传单版本2 (RLV2)的支持。对于默认组件，我可以简单地完成以下操作
import { createLayerComponent } from 'react-leaflet'
但是，如果用户希望使用与RLV2兼容的组件，他们可以分别导入这些组件(可以随意查看库文档，看看如何导入)。大多数RLV2组件的开头都是这样的
import { withLeaflet, MapControl } from 'react-le
浏览 2提问于2021-04-22得票数 2
在我的反应应用程序，我得到的‘库’是没有定义的，没有-undef‘错误。我正在尝试在我的应用程序中添加令人敬畏的字体。我已经为此编写了一些代码：
错误：
编译失败
./src/sections/header/header.js
第11行:未定义“库”-undef
搜索关键字以了解更多关于每个错误的信息。
header.js代码
import React, { Component } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
imp
浏览 0提问于2019-04-27得票数 2
回答已采纳
目前，我正试图对我的应用程序进行单元测试，该应用程序是用创建-React和类型记录构建的，它是用chakraui设计的。Chakrui包含一个组件ThemeProvider，它必须将整个应用程序包装成这样。
这是我的index.tsx文件
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./
浏览 11提问于2020-09-11得票数 5
回答已采纳
4回答
我跟随在我的反应本机项目中使用FloatingTitleTextInputField
下面是我的项目结构
这是我的HomeScreen.js代码
import React, {Component} from 'react';
import {Text, View, TextInput, StyleSheet} from 'react-native';
import FloatingTitleTextInputField from './customComponents/floating_title_text_input_field';
浏览 3提问于2019-09-24得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
