React Router 不渲染具有可变参数的组件

Question

I am building a portfolio page, and used Create-react-app as well as a node server to handle API calls.

Everything was working great in dev, and I went to deploy the application. This is my first full deployment, and it was... interesting. I solved most problems, but I'm having issues solving this last one, which is related to the blog on my site. The blog routing is set up like this: <Route path="/blogposts/:slug" component={BlogPost}/> Well, the only blog I have atm, which should be served at /blogposts/how-i-built-this-site , returns a blank page, my index.html file.

Instead of pasting in some code, the easiest solution is probably linking the github, since this is a fairly large project (for me).

Here is the github: https://github.com/lotg515/portfolio

If any more info is needed, please let me know. If anyone figures this out, they're my hero!

Answer 1

I think you need to wrap your Routes with Switch component.

<Switch>
   <Route ....>
</Switch>

Answer 2

This was solved by adding in the index.html file.

Still don't know why this issue occurred, it may have something to do with Othka. Either way, it is fixed now, which is a win for me.