Привет. Реакт не для этого, реакт - библиотека для рендеринга UI.

Получить инфу о URL можно с помощью JS через window.location

Ребята, привет. Только начал с Реактом. Проблемка.

В компоненте App импортирую изображене. Передаю его через props  в другой компорнент. В App всё нормально выводиться, в другом компоненте-нет

import logo from './logo.svg';
import './App.css';
import background from "./images/ballon.png";
import { useState } from 'react';
import Counter from './components/Counter';
import CCounter from './components/CCounter';
import "./styles/style.css";
import CArea from './components/CArea';
import CTitle from './components/CTitle';
import imgSchool from './images/school.png';
function App() {
 return (
   <div  className="App">
     <CTitle/>
     <img src={imgSchool}/>
    <CArea text={"Hallo"} ballon={"Скидка"} image={imgSchool}/>
    <CArea text={"Hallo"} ballon={"Скидка"} />
    <CArea text={"Hallo"} ballon={"Скидка"} />
   </div>
   
 );
}

export default App;

import React from "react";
class CArea extends React.Component{
   constructor(props){
       super(props);
       this.state={
           text:props.text,
           image:props.image,
           ballon:props.ballon
       }
  //     this.setValue=this.setValue.binde(this);
   }
   

      render(){
     
          return(
              <a href="">
              <div className="item">
                  <div className="area">{/** внутренний блок */}
                  {this.state.image}
                       <img src="{this.state.image}" alt="product"/>{/* картинка */}
                       <p>{this.state.text+this.state.ballon}</p>
                       <div className="sale">{/**скидка */}
                      <h4> {this.state.ballon}</h4>
                     
                  </div>
                  </div>

              </div>
              </a>
          )
           
         
      }
}

export default CArea;

imgSchool не видит компонент CArea

В смысле из App Картинка выводиться, а при передаче в CArea нет

Реба, всЁ ссорри... затупил... Он же уже,как обьект передает в компонент картинку. Кавычки не нужны

function App() {
 const [modal, setModal] = useState(true);
.....
......

 function setStateVisible(vis){
   alert(modal);
   alert(vis);;
   setModal(vis);
   alert(modal);
   
 }

После вызова setStateVisible с параметром false, modal все равно true///
Что то я запутался.
Помогите разобраться. Почему состояние не меняется?

в контексте выполнения функции modal останется true. Попробуй повесить на него useEffect и ты увидишь, что изменится состояние и произойдет рендер.