我正在将我的页面从html和jquery迁移到使用React,我知道React Router和Redux是在构建react应用程序时处理路由的方法,但就目前而言,我想知道如何更改我的设置,以便能够为不同的页面呈现不同的react组件。目前,我可以在加载索引页面时呈现一个react组件,但我认为可以在它下面添加另一个ReactDOM.render(),并在不同的页面上为该组件指定一个不同的div id,但我注意到了一个错误Invariant Violation: Target container is not a DOM element。这是否与不使用react路由器或其他原因有关?
这是我的i
我想给我的反应项目增加路线。我有三个独立的组成部分:
Window.js
import React, { Component } from 'react';
import SideBar from "../SideBar/SideBar";
import MainBody from "../MainBody/MainBody";
import { BrowserRouter as Router} from "react-router-dom";
class Window extends Component{
rende
我刚开始做单元测试,总是收到这样的错误:不变冲突:目标容器不是DOM元素。我认为这与我的app.js的结构方式有关,因为它一直引用这一行ReactDOM.render(,document.getElementById(‘app’);)。下面是它现在的结构:
import React from 'react';
import ReactDOM from 'react-dom';
import HomePage from './HomePage';
class App extends React.Component {
render() {
import React from "react";
import ReactDOM from "react-dom";
import Pagination from "./components/pagination.js";
import Header from "./components/header.js";
import DataBox from "./components/stats.js"
const imageHeaderIndex = document.getElementById("i
我正试图在我的React应用程序中使用Rellax,一个JS视差库。
我已经通过npm下载了Rellax,并将Rellax导入到了React组件中。然后rellax的文档需要为新的Rellax构造函数分配一个Rellax变量,该构造函数以查询选择器作为参数。
就像这样:
var rellax = new Rellax('.rellax');
但是,当我调用组件时,我会收到以下错误:
Error: The elements you're trying to select don't exist.
但是,我确实在组件本身中使用了这个类。
以下是全部内容:
impo
我正在使用redux-form在我的react-redux应用程序中创建一个非常简单的输入表单。我按照redux-form页面的示例进行操作,但它抛出了一个错误。错误的来源来自于尝试将component属性设置为React.DOM.input。它抛出这个错误:
TypeError: _react2.default.DOM is undefined
但是,如果我将字符串'input'传递给component prop,它就可以正常工作,并且我可以在redux dev工具中看到更改后的状态。我只是真的不确定我从哪里得到了把它作为字符串的想法,现在我非常好奇?。
let SubsFo
当我试图访问app.js下的相关组件时,我会得到一个错误:“eslint rc\App.js第2行中的警告:8:'personAdd‘已定义,但从未使用未使用的-vars”。当我运行这个项目时,我会看到标签以html的形式出现,但是这个组件不会出现在屏幕上。我已经包括了下面的代码。提前谢谢。注意:.eslintrc.json下的更改不起作用。
App.js
import React from 'react';
import personAdd from './screens/personAdd';
function App() {
return
我尝试创建一个PrivateRoute use react-router-dom ,并出现了如下错误:
Attempted import error: 'PrivateRoute' is not exported from 'react-router-dom'.
反应:16.12.0
react路由器-dom:5.1.2
在index.js中,我导入BrowserRoute并在ReactDOM.render()中使用它们,如下所示:
ReactDOM.render(
<BrowserRouter><App /></Browser
当前行为
使用react-native-tab-view v1.0.0时,出现错误:
Invariant Violation: Invariant Violation: 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, o
App.js‘’
import './App.css';
import { BrowserRouter,Routes,Router,Route,Link } from "react-router-dom";
import React, { Component } from 'react'
import NavBar from './components/NavBar';
import News from './components/News';
export default class App extends C
我刚开始测试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
我正在做一个简单的react应用程序,我想写一个函数来使用map()遍历我的数组并在页面上显示它们,但我遇到了一个问题,告诉我“目标容器不是一个DOM元素”,我在网上尝试了很多解决方案,但没有一个对我有效,有没有人可以帮助我,谢谢。
这是第一个文件,其中显示了每个元素。
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Header from './componen