Previously, we said that the state of each component is internal (private) to the component. However, there are no private class methods in JavaScript. Our only equivalent is the closure; therefore, our state isn't truly private. If we can obtain a reference to the React element, we can also get its state.
React supports a feature called ref. We can create refs using the React.createRef() method, and then attach that ref to any child DOM element or React element. We can then refer to that element using the ref.
class RegistrationForm extends React.Component { constructor(props) { super(props); this.email = React.createRef(); this.password = React.createRef(); } handleRegistration = (event) => { event.preventDefault(); ...