class Question extends React.Component {
constructor(props) {
super(props);
this.randInt = Math.floor(Math.random() * 1);
}
question = {
quest: questions[this.props.randInt].quest,
answers: questions[this.props.randInt].answers,
correct: questions[this.props.randInt].correct
}
}I'm trying to get value of randInt but I get an Error
TypeError: Cannot read property 'quest' of undefined
Since it's this.randInt and not this.props.randInt, it should be this.randInt everywhere.
question is a class field, which is syntactic sugar for constructor code:
class Question extends React.Component{
constructor(props){
super(props);
this.question = {
quest : questions[this.props.randInt].quest,
answers : questions[this.props.randInt].answers,
correct : questions[this.props.randInt].correct
}
this.randInt = Math.floor(Math.random() * 1);
}
}
Class field declarations go first in the constructor body. Since an explicit constructor is not needed here, it should be:
class Question extends React.Component{
randInt = Math.floor(Math.random() * 1);
question = {
quest : questions[this.randInt].quest,
answers : questions[this.randInt].answers,
correct : questions[this.randInt].correct
}
}
With class fields, explicit constructor is needed only for synchronous side effects that previously occurred in deprecated componenentWillMount lifecycle method.
Use this.randInt instead. randInt is not a prop, rather defined on the class.
class Question extends React.Component {
constructor(props) {
super(props);
this.randInt = String(Math.floor(Math.random()*2) + 1);
}
question = {
quest: questions[this.randInt].quest,
answers: questions[this.randInt].answers,
correct: questions[this.randInt].correct
}
}
questions Object. Also Math.floor(Math.random() * 1) returns 0
0 key on your questions object. Obviously it's going to error out.
questions? Also, what are you trying to use thequestionObject for? When do you want to initialize it?this.props.randIntdothis.randIntMath.floor(Math.random() * 1)returns always0.