How to see your React state & props in the browser

React Developer Tools

Inspecting React Components

  1. Open your app and inspect the page with developer tools (Command+Option+I).
  2. Select the React Developer Tools

Modifying the State

--

--

--

Software engineer in Risk Management. Front-end:ReactJS, JavaScript, Typescript, AWS. Technology and Crypto enthusiast

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Caching Issue 1: Updating Packages

Iteration versus Recursion in JavaScript

Using Http Client to get token from response

Objects in JavaScript and what is spread operator.

JavaScript …spreadOperator

Integrating External Programs with Our Code

Build an Interactive CLI Using TypeScript

Setting Up Redux for Your React App

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
CodeByCrystal

CodeByCrystal

Software engineer in Risk Management. Front-end:ReactJS, JavaScript, Typescript, AWS. Technology and Crypto enthusiast

More from Medium

UseState and UseEffect with React

Track or detect number of tabs open for same website in React

React- : Components and Props