BTK Akademi'deki React derslerini inceliyorum şu sıralar. Router derslerine geldiğimizde versiyon farklılığı nedeniyle birkac komut kaldırılmış ve bu nedenle dersteki kodlar calışmamakta. Aşağıda yazdığım kodlarda hata veriyor. Anlayan biri neresinin ve neden hata verdiğini kısaca acıklayabilir mi? Derste kullanılıyor ancak anladığım kadarıyla yeni versiyonlarda bu 'e donuşmuş.

index.js
Kod:Panoya kopyala
import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import "bootstrap/dist/css/bootstrap.min.css"; import "alertifyjs/build/css/alertify.min.css"; import from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById("root" )); root.render(
); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals reportWebVitals();


app.js
Kod:Panoya kopyala
import React, from "react"; import from "reactstrap"; import CategoryList from "./CategoryList"; import Navi from "./Navi"; import ProductList from "./ProductList"; import alertify from "alertifyjs"; import from "react-router-dom"; import NotFound from "./NotFound"; import CartList from "./CartList"; export default class App extends Component ; changeCategory = (category) => ); this.getProducts(category.id); }; componentDidMount() getProducts = (306) => fetch(url) .then((response) => response.json()) .then((data) => this.setState()); }; addToCart = (product) => else ); } this.setState(); alertify.success(product.productName + " added to cart", 2); }; removeFromCart = (product) => ); }; render() ; let categoryInfo = ; return ( } />
); } }


Hatalar