System getting stuck when running the test

Tell us what’s happening:
I have solved the problem and entered all the codes properly(the same as FCC solution), but when I click on the button ‘Run the test’, it is showing {// running tests} and nothing more. Should I just leave this challenge and go on?

Your code so far


class MyApp extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    inputValue: ''
  }
  this.handleChange = this.handleChange.bind(this);
}
handleChange(event) {
  this.setState({
    inputValue: event.target.value
  });
}
render() {
  return (
     <div>
      { /* change code below this line */ }
      <GetInput
           input={this.state.inputValue}
           handleChange={this.handleChange}/>
         <RenderInput
           input={this.state.inputValue}/>
      { /* change code above this line */ }
     </div>
  );
}
};

class GetInput extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      <h3>Get Input:</h3>
      <input
        value={this.props.input}
        onChange={this.props.handleChange}/>
    </div>
  );
}
};

class RenderInput extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      <h3>Input Render:</h3>
      <p>{this.props.input}</p>
    </div>
  );
}
};

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15.

Challenge: Pass a Callback as Props

Link to the challenge:

Your code works for me (Windows/Firefox) - it passes the tests. I suspect you have a plugin or extension that is preventing the code from executing?

1 Like

maybe u r right, but other challenges so far worked smoothly. I will then try this challenge in Google Chrome

u were right, it was because of my browser, in chrome it’s worked. Thanks a lot, really appreciate ur help)