can't access property from object

Question

class EventEdit extends Component {

  constructor(props) {
    super(props);

    const { skillsets, events } = this.props;

    this.state = {
      skillsets : skillsets,
      events : events
    }
  }

  componentWillMount(){
    this.props.getSkillset();
    this.props.getEvent();
  }

  componentWillReceiveProps(props){
    this.setState({
        skillsets : props.skillsets,
        events : props.events,
  })
  }

  render() {
   console.log(this.state.events) //it returns the object perfectly
   console.log(this.state.events.title) //it says cannot read title of undefine
    )
  }
}

const mapStateToProps = (state, ownProps) => {
    let id = ownProps.match.params.event_id;
    return {
      skillsets: state.skillset.skillsets,
      events: state.event.events.find(event => event._id === id)
    }
  }

const mapDispatchToProps = dispatch => {
  return {
    getSkillset: () => { dispatch(getSkillset()) },
    getEvent: () => { dispatch(getEvent()) },
    

  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

so, I successfully get a list of data from API using action redux and display it in my component. Then I want to edit an item of the array data, I get the id and filter it. Actually every property is show in console, but I can't display each property in jsx

please share code instead of snapshot – brk Apr 15 '19 at 05:59 — brk, Apr 15 '19 at 05:59
`props.events` must be `undefined` in that case – Jaromanda X Apr 15 '19 at 05:59 — Jaromanda X, Apr 15 '19 at 05:59

score 2 · Answer 1 · answered Apr 15 '19 at 06:34

You are dispatching the two actions back to back and that's calling the render method multiple times when getting the props filled. You should follow proper component life cycle methods and avoid component rendering until you have response available for both the actions.

can't access property from object

1 Answers1