Невозможно получить реквизит для компонента - получает неопределенный

Question

Я только начал изучать Redux и испытывать трудности с управлением состоянием. Ниже приведены фрагменты кода:

TestComponent.js

class TestComponent extends React.Component {
  componentDidMount() {
  // Mounts component
  }

  render() {
    <div>
        {console.log("Inside div")}
        {console.log(this.props.item2)} // Get undefined here
          <button onClick = {() => create(1, this.props.item2)}></button> 
    </div>
  }

  const dispathToPropertyMapper = dispatch => {
    return {
      create: (id, item2) => { 
        // Does somthing
      }

  const stateToPropertyMapper = state => {
    return {
      item1: state.state1.item1,
      item2: state.state2.item2
    };
  };

    myReducer.js
const initialState = {
      item1: [],
      item2: "Sample Text"
    };

const myReducer= (state = initialState, action) => {
  console.log(action.type);
   switch (action.type) {
     return state;
   }

Я правильно выполнил все операции экспорта и импорта. Я получаю реквизиты для элемента 1, который является пустым массивом, но я получаю неопределенный для реквизита item2. Это мой первый раз, когда я использую Redux и потратил много времени на это. Пожалуйста, помогите Спасибо в adv