Witajcie forumowicze w pogodną Majóweczkę,
W związku z grupowymi zwolnieniami na które się załapałem, rozpocząłem naukę ReactJS i Vue.js i inne które wymagają na JustJoin, zacząłem myśleć o przebranżowieniu się - znalezieniu chociaż praktyk, zostawiłem już ten PHP i jQuery
Próbuję przepisać na początek swoją stronę www.yohabs.prv.pl
Doszedłem do momentu gdzie chciałbym załadować skrypt z "Matrix'a" i trafiłem na ścianę.
Pytanie: Jak dodać w react tagi z odnosnikiem do skryptu <script></script> ?
przeszukałem już kilka rozwiązań ale albo nie działa albo nie umiem tego zaimplementować :/
mam tak <script type="text/javascript" src="matrixScript.js"></script> i
import React from "react";
// import showMATRIX from "./matrixScript";
// import MMA from "./matrixScript";
function Matrix(){
return(
<div className="windowLife">
<div id="about">
<canvas id="c"></canvas>
<script type="text/javascript" src="matrixScript.js"></script>
{/* <MMA /> */}
</div>
<div className="underLink">
<a class="matrix-fullscreen" target="_blank" href="matrix-fullscreen/index.html"> Pełny ekran </a>
</div>
</div>
)
}
export default Matrix;
matrixScript.js -> kod
var c = document.getElementById("c");
var ctx = c.getContext("2d");
c.height = window.innerHeight;
c.width = window.innerWidth;
var chinese = "/\\ANLO甶 男甸甹町!$%$#SWZ\\//";
chinese = chinese.split("");
var font_size = 8;
var columns = c.width/font_size;
var drops = [];
for(var x = 0; x < columns; x++)
drops[x] = 1;
function draw()
{
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0";
ctx.font = font_size + "px arial";
for(var i = 0; i < drops.length; i++)
{
var text = chinese[Math.floor(Math.random()*chinese.length)];
ctx.fillText(text, i*font_size, drops[i]*font_size);
if(drops[i]*font_size > c.height && Math.random() > 0.975)
drops[i] = 0;
drops[i]++;
}
}
setInterval(draw, 43);
Gdy chce wejść w zakładkę Matrix to mi wyskakuje

Jak na chwile za komentuje 2 linijkę, a po chwili od komentuje to działa, mimo że showMATRIX to nie komponent :/ tylko sam skrypt w pliku j.w
