react.js | javascript library for building user interfaces | Frontend Framework library

I'm creating 2 pages (Summary and Cycles pages) using react.js.

On the Summary page, there is a column named CN that every item links to the Cycles page.

Summary page has a path /route/summary/location=abc and Cycles page has a path /route/cycle/location=abc/deviceId=4410

For example, if I click the value from CN column in the first row of the table inside the Summary page, I will be redirected to the Cycles page with the path /route/cycle/location=abc/deviceId=4410.

In the Summary page, I use https://github.com/react-bootstrap-table/react-bootstrap-table2 for the table component and I use a columnRenderer function inside columns.js to render a custom item inside the table like this one:

How can I put the pathname (example "abc") to a Link component inside cnColumnRenderer function in columns.js?

Summary page with the path: /route/summary/location=abc

Cycles page with the path: /route/cycle/location=abc/deviceId=4410

Error because of invalid hook call while rendering the Summary page

table code inside Summary page (inside Summary.js):

hint: focus on columns variable from './columns' and its implementation

I want to make a confirmation before user leaving the page. If he says ok then it would redirect to new page or cancel to leave.

but issue is that when user refresh page using browser refresh btn in google chrome that time below error occur

I tired this code but doesn't work in react.js please help

Following the below approach to show Bootstrap 5 Toast dynamically on click of a button in React.js

import statement:

react.js

I'm having a list of content="[...]" variables (str). That variable must match at least one of each value in these lists (case insensitive). Do you have advice on how to achieve that best?

react_terms = ["reactjs", "react.js", "react"] (OR condition)

AND

python_terms = ["python", "django"] (OR condition)

AND

cities_countries = ["london", "UK"] (OR condition)

What I'm trying (not working)

i am working on a project with a react.js FE, a Node/Express.js BE and a database. I am currently working on a function which trigger my delete Route in BE. But my function trigger with every load and onlick, but should only trigger onClick.

Here are code samples of my service and my FE component. I am new to react.js so help would be apprechiated.

hardwareService.js:

I'm working on a simple order list web app using react hooks, I have an orders state and when the user clicks on a product image in the shopping panel a new object adds to the orders array with quantity property

I have the array of objects which contain components and title now I would like to display these components based on id passed in URL parameters I can do that if its just array using find function, unfortunately, I can't figure how to do the same with an array of objects,

Here is part of my code

I just started using React.js and I have some questions. I want to make a page for a quiz test for the app that I am working on. On this page, the user should provide info about the quiz, including the number of questions. On entering the number of questions an equal number of input fields should then also be displayed. Can someone help me, please?