App.js

import React, {Component} from 'react'
import {connect} from 'react-redux'
import {updateLol} from './Redux'

class App extends Component {
    constructor(props) {
        super(props);

        const a = updateLol("lolkekcheburek");
        console.log(a);
        this.props.dispatch(a)
    }

    render() {
        console.log(updateLol("TEST"));
        return <h1>{this.props.lol}</h1>
    }
}


const mapStateToProps = state => ({lol: state.lol});
const mapDispatchToProps = dispatch => ({dispatch: dispatch});

App = connect(mapStateToProps, mapDispatchToProps)(App);

export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import {Provider} from 'react-redux';
import {store} from './Redux'

ReactDOM.render(<Provider store={store}><App/></Provider>,
    document.getElementById('root'));

registerServiceWorker();

Redux.js

import {createStore, combineReducers} from 'redux'

const MYFIRST_ACTION = "MYFIRST_ACTION";

export const updateLol = data => ({
    type: MYFIRST_ACTION,
    lol: data
});

const myfirstReducer = (state, action) => {
    return action.type === MYFIRST_ACTION ? action.lol : "";
};

const reducers = combineReducers({
    lol: myfirstReducer,
});


export const store = createStore(reducers);