simple-translate/src/content/index.js

import React from "react";
import ReactDOM from "react-dom";
import TranslateContainer from "./components/TranslateContainer";

document.body.insertAdjacentHTML("beforeend", "<div id='simple-translate'></div>");
ReactDOM.render(<TranslateContainer />, document.getElementById("simple-translate"));
Replace content scripts with React 2019-02-21 16:43:45 +00:00			`import React from "react";`
			`import ReactDOM from "react-dom";`
			`import TranslateContainer from "./components/TranslateContainer";`

Fix the inserted <div> covering origin content (#151) When inserting <div> after <body> element, it will create a new <body> to contain the new <div> element. This may cause part of the origin website content to be covered. So just use `beforeend` instead of `afterend` to avoid that. 2019-05-02 03:54:38 +00:00			`document.body.insertAdjacentHTML("beforeend", "<div id='simple-translate'></div>");`
Replace content scripts with React 2019-02-21 16:43:45 +00:00			`ReactDOM.render(<TranslateContainer />, document.getElementById("simple-translate"));`