Hoe een nieuwe pagina te renderen in Node.js door express-Codevoorbeelden

const express = require('express');
const app = express();

// route naar de nieuwe pagina te renderen
app.get('/new-page', (req, res) => {
  res.render('new-page');
});

// app luistert op poort 3000
app.listen(3000, () => {
  console.log('Express app listening on port 3000');
});

import React, { useState } from 'react';
import { Redirect } from 'react-router-dom';

// blogcontainercomponent
const BlogContainer = () => {
  // maakt redirectstate aan
  const [shouldRedirect, setShouldRedirect] = useState(false);

  // redirect naar nieuwe pagina als shouldRedirect true is
  if (shouldRedirect) {
    return <Redirect to="/new-page" />
  }

  // rendeert blogcontainer
  return (
    <div>
      <h1>Blog Container</h1>
      <p>Dit is de blogcontainer.</p>
      <button onClick={() => setShouldRedirect(true)}>
        Redirect naar nieuwe pagina
      </button>
    </div>
  );
};

export default BlogContainer;