React Router/4/Replace Param Prop

Last update

Jul 24, 2024

Replaces params prop passed by react-router with match.params.

Before

const PostEdit = ({ params }) => (
	<div>
		<h1>Post {params.id}</h1>
	</div>
);

const PostEdit = ({ match }) => (
	<div>
		<h1>Post {match.params.id}</h1>
	</div>
);

Replaces params prop passed by react-router with match.params.

const PostEdit = ({ params }) => (
	<div>
		<h1>Post {params.id}</h1>
	</div>
);

const PostEdit = ({ match }) => (
	<div>
		<h1>Post {match.params.id}</h1>
	</div>
);

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community