Forem: Mare

How can i implement an guest session without authentication in a React/ExpressJS app ?

Mare — Fri, 28 Apr 2023 11:17:04 +0000

I'm looking to implement a functionality where the user clicks on a "Continue as a guest" , the user is assigned a guest session and is redirected to the home page.
What could be the best way to execute this ?

Changing a state and updating the changes with a put request

Mare — Thu, 26 Jan 2023 12:38:26 +0000

Hi !

I'm trying to change the state of an element in the React component, while in the same time updating the data with a put request.

There's an element "Pending" in the React component, and i'm looking to change it to "Paid".

Here's the code:

const [invoice, setInvoice] = useState([])

const paidInvoice =  () => {
    setInvoice((invoice) => {
      return({
        ...invoice,
        status:'Paid'
      });
    })

axios.put('http://localhost:5000/api/invoice/update/'+id, invoice)
    .then(response => console.log(response.data))
    .catch(error => console.log(error))
}

The problem is that when i call this function after a click, the state changes, but the data is not updated so when i refresh the page it's still the same as before clicking.

The invoice object that i get:

(The status must be paid not pending)
I also noticed that when i click two consecutive times to call the function, the problem resolves and the data updates correctly in the database...

Creating data specifically for each user in React / Node.js

Mare — Sat, 07 Jan 2023 18:24:02 +0000

I'm a beginner trying to create an Invoicing application. I went with React and Node/Express, and set up the authentication with Redux.

I'm currently trying to figure out how can i make it so that when a user logs in, he only sees the invoices he created himself. Because each time i connect with a different user i see the same data i previously created with another user.

What would be a solution in this case ? I thought about adding a foreign key of userId for each created invoice, is it a good idea ?