Если у кого не будет выходить, то вот мое решение которое проходит по всем пунктам:
RandomNumber.js
import React from 'react';
class RandomNumber extends React.Component {
state = {
randomNumber: 0
}
componentDidMount() {
let button = document.querySelector('button');
button.addEventListener('click', () => {
this.handleCountIncrement();
})
}
handleCountIncrement = () => {
this.setState({randomNumber: Math.random()})
}
render() {
return <div>
<div>{this.state.randomNumber}</div>
<button>Generate</button>
</div>;
}
}
export default RandomNumber;
App.js
import React from 'react';
import RandomNumber from './RandomNumber';
class App extends React.Component {
render() {
return <RandomNumber />;
}
}
export default App;