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: https://stackoverflow.com/questions/641407/javascript-negative-lookbehind-equivalent - also note the answer below the accepted one. — Bananaapple, Oct 19 '18 at 14:53

score 1 · Answer 1 · answered Oct 19 '18 at 14:54

1

I needed the curly braces

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

answered Oct 19 '18 at 14:54

GWorking

1 Answers1