react-easy-edit
  • ➡️Getting started
  • 🔥Migration Guide to v2.0.0
  • 📖Props
  • 👀Examples
    • Auto Cancelling
    • Auto Submitting
    • Button Positioning
    • Custom Buttons 🔥
    • Custom Display Component
    • Custom Input Component
    • Preventing Edit
    • OnBlur
    • Enable the Delete button 🔥
    • Toggle edit mode for multiple components 🔥
  • 👾Styling
  • 🆗Validation
  • 🤝Contribute
Powered by GitBook
On this page
  1. Examples

Toggle edit mode for multiple components 🔥

PreviousEnable the Delete button 🔥NextStyling

Last updated 4 years ago

You can now control the state of multiple EasyEdit components by externally manipulating the prop editMode. In the example below, we have an Edit button that controls toggles between the view and edit state of three EasyEdit components.

You cannot change the editMode prop from within the same component as they are read-only, all React components must act like pure functions with respect to their props.

👀