archi14

export default (state=null, action)=>{
    if (action.type === 'GENERATE_NUMBER'){
        return action.payload;
    }
    return state; 
}

archi14

import { createStore} from 'redux';
import App2 from './components/App2';

const store = createStore(reducers);


ReactDOM.render(
    <Provider store={store}>
    <App2/>
    </Provider>,

archi14

export const generateRandom = () => {
  
    // An action, which return a new random number.
    return {
        type:'GENERATE_NUMBER',
        payload:parseInt(Math.random()*100)
    }
}

archi14

import React, {useState} from 'react';

function App() {
    const [number, generateRandom] = useState(0);
    const onButtonClick =() =>
    {
        const newNumber =  parseInt(Math.random()*1000);
        generateRandom(newNumber);
    }
    return (