react-calendar | React Hooks for building extensible calendar user interface | Calendar library

I'm using react/express.

I have a simple webpage, which takes user input and stores this in SQL using axios.post. In my backend I need to access this user variable in my get, so I can filter what to send back to the user.

I have not been able to get the return function to work and I don't want to use global variables as it has caused errors before.

Is there something i'm missing? How can I access a variable from my get request from my post request.

frontend.js

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

I check the document and I found the formatLongDate and I try this but it's not formatting date.

I want my date like this YYYY-MMM-dd but the calendar gave me like this Wed Apr 07 2021 00:00:00 GMT+0000 How can I format this date? I'm really new to React JS. Thank you.

I have created React app and using react-router in my application. I have used router param in Route. Whenever I try to access in local it is working fine, but when I deployed to apache server route params link is not working. Please help me.

My React Router Code :

I am desperatly trying to make my code works between 2 components by using the onclick event of my modal component to my Avaibalities component but nothing happens.

How can i make the value of my state ShowModal works?

Avaibalities Component

I am facing troubles to make and understand, if its possible, how to call my component with my react calendar (My calendar is working perfectly when i localhost:3000/Avaibalities).

Here is the code :

Home page of my portfolio :

I'm using react-calendar in my project, and it uses a plain CSS stylesheet (basically you import it in your project (import 'react-calendar/dist/Calendar.css';).

I'm able to customize the component writing my own CSS file, but since my project is themeable, I'd like to be able to pass some react props to the CSS.

I'm using Material-UI with JSS on all the other components, but these classes are dynamically named, and I couldn't find a way to use JSS with "fixed" class names.

Is there any way to have a CSS-in-JS solution but with fixed CSS classes?

Something like:

I have a form component named Form.js, I imported this component into Profile.js, I want to transfer the input value from the Form.js component to Profile.js (For a more illustrative example, you can see the picture https://ibb.co/tsRNCR6). I have deliberately removed a few lines of code from jsx to shorten the code.

Profile.jsx

I'm building a simple scheduling module where I'll allow anyone to come to a website to submit an appointment through the scheduler.

In the scheduler module I have the following:

1. Appointments are in 30 min increments so for example if an appointment is booked at 9:00AM it'll run from 9:00AM - 9:30AM.
2. I'm storing personal information from the appointment that got scheduled from user input such as phone number, email address, full name
3. After the user submits a schedule, I run a SQL select statement where it fetches all the data from the scheduled appointments from the MYSQL DB onto the scheduler component so users can see what appointments are already taken and what slots are available at the specified time.

This works great and everything but I'm a little concerned when I push this to production I noticed that in my network requests, I can see all data that got fetched from the DB. Can this be a security concern for allowing anyone from going to the network requests to see the fetched data that contains the personal information?

So my question is how do I prevent this?

Here is my code:

ReactJS