Я начинаю с нуля, реагирующее приложение и хотел бы использовать на нем анимированный фон из codepen.
Я пробовал разными способами, но не смог "обернуть" весь основной компонент с холстом, как они используют в примере с ручкой.
Во всяком случае, я вообще не мог использовать холст с моим приложением реагирования.
Q1: возможно ли использовать анимированный фон, подобный тем, в приложение реакции?
В2: Как я могу «перевести» следующий пример фона в следующий начальный код реакции?
Фон, который я пытаюсь реализовать: https://codepen.io/at80/pen/tqdmv
index. js:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
serviceWorker.unregister();
index. html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
В файлах. css ничего нет.
Как я уже сказал, это очень простое приложение, сгенерированное create-реакции-приложением .
Так что для имитации сценария достаточно просто создать пример create-реагировать-приложение. и проверьте код из шаблона фона.
Большое спасибо!