1
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("imageHeaderIndex");
const navBarIndex = document.getElementById("navBarIndex");
const imageHeader = document.getElementById("imageHeader");
const navBar = document.getElementById("navBar");
const dataDiv = document.getElementById("textualContent");
ReactDOM.render(<Header/>, imageHeaderIndex)
ReactDOM.render(<Pagination/>, navBarIndex)
ReactDOM.render(<Header/>, imageHeader)
ReactDOM.render(<Pagination/>, navBar)
ReactDOM.render(<DataBox url="http://localhost:8081/stats/pageInfo" pollInterval={2000}/>, dataDiv);
大家好,我對JavaScript非常陌生並且作出反應。我有上面的代碼,我試圖呈現相同的反應組件兩次,但在不同的頁面上。 ids = imageHeaderIndex和navBarIndex屬於index.html,而其餘屬於另一個頁面(stats.html)在React的不同頁面渲染相同的組件兩次
但是,這些組件不反映在stats.html上。我遇到了以下錯誤:Uncaught Invariant Violation:_registerComponent(...):目標容器不是DOM元素。任何人都知道爲什麼?
嗨,我應該如何去做,如果我只有一個「ReactDOM.render」功能每個文件? @JordanHendrix – nana