Why is undefined being passed to my props?

Question

JavaScript

There is a React application code
Entry point:

import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { createStore } from 'redux'; 
import reducer from './store/reducers'
import App from './App.js';


let store = createStore(reducer);


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

Reducer:

export default const taskReducer = (state = [], action) => {
  switch (action.type) {
    case 'ADD_TASK':
      return [...state,
              action.payload];
      break;


    default:
      return state;  
  }
}

Component:

import React from 'react'
import { connect } from 'react-redux'

class App extends React.Component {
  render() {
console.log(this.props.entryText) // undefined!
    return (
      <div>
        <input type='text' placeholder='Add your task here' />
        <button >Add</button>
        
      </div>
    )
  }
}

export default connect(state => {entryText: state }, dispatch => { })(App)

Why is the state of the store not being passed to the props of the component via mapStateToProps? What am I doing wrong?

Answer 1

// Вот так вот попробуй
export default connect(state => ({entryText: state }), dispatch => { })(App)

// Вместо
// export default connect(state => {entryText: state }, dispatch => { })(App)

I don't think explanations are needed

Answer 2

when you inherit, you need to call the constructor of the base class

constructor(){
super();
}

Answer 3

startandroid.ru/ru/articles/listofarticles/284-zna...

Answer 4

Sublime Text

Answer 5

It is best to use the native language of the system (performance, stability, predictability).
If you need to fumble code between platforms, it makes sense to look towards xamarin .
I made an HTML & JS application using Backbone, it certainly worked, but then I rewrote it in Java.

Answer 6

I can offer C++ and SDL2, full cross-platform, however, a bit of a chore.