How to use regex to constrain a ReactJS Route

Question

As said in Regex: match everything but in order to match everything but a string, you can use ^(?!foo$).*

But this doesn't work when using https://www.npmjs.com/package/path-to-regexp specifically within ReactJS Routing (error -> invalid path)

<R.Route path="/^(?!\/whatsmyname$).*" render={() => <div>works!</div>} />

How can I write this regex in a node-friendly style?

UPDATE: this does work, you need the curly braces

<R.Route path={/^\/(?!whatsmyname$).*/} render={() => <div>works!</div>} />

Have a look here, that should help: stackoverflow.com/questions/641407/… - also note the answer below the accepted one. — Bananaapple
– Bananaapple, Commented Oct 19, 2018 at 14:53

GWorking · Accepted Answer · 2018-10-19 14:54:40Z

1

I needed the curly braces

<R.Route path={/^\/(?!whatsmyname$).*/} render={() => <div>works!</div>} />

answered Oct 19, 2018 at 14:54

GWorking

4,38111 gold badges58 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1