view raw
zzq zzq - 5 months ago 52
React JSX Question

How to change the data in react, i copy to the props to state

How to change the data

I have read a book, the author said do not copy to the props to state, so if i want want to change the data, which is the right way.


Well when you go through the docs it states that, setting props to the initial state is an anti pattern. So instead of initially setting your prop to state, you can do that in the componentDidMount() lifecycle function

constructor(props) {
   this.state = {
      birthdate: null,
      name: null,
      contact: null,
      gender: null,
      photoUrl: ''
componentDidMount() {
    const {birthdate, name, contact, gender, photoUrl} = this.props;
        birthdate: birthdate,
        name: name,
        gender: gender,
        contact: contact,
        photoUrl: photoUrl