Redux преобразование функций в объекты

Question

Я пытался импортировать и использовать функцию, которая возвращает объект json. Эта функция использует некоторые редукционные переменные состояния. Но когда я вызываю это для возврата json, он возвращает мне что-то еще вместо json.

Моя функция выглядит примерно так:

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

const GenerateYaml = (props) => {
    let json = {};
    json = props.selected;
    return json;
}
const mapStateToProps = (state) => {
    return {
        selected: state.stepBuilder.selected,

    };
};

export default connect(mapStateToProps)(GenerateYaml);

Когда я пытался чтобы регистрировать то, что было возвращено, я узнал, что это был объект функции connect. Я не могу вставить здесь, так как он слишком большой. Любая помощь приветствуется. Спасибо !!

Answer 1

Здесь очень помог бы jsfiddle / codesandbox. В таких случаях я читаю ожидаемое значение в каждой строке кода, например, использую отладчик!

Также GenerateYml должен возвращать React компонент (html) не json.

import { connect } from 'react-redux';

const GenerateYaml = (props) => {
    const json = { ...props.selected }
    console.log(json);
    return (
      <div>{JSON.stringify(json)}</div>
    )
}

const mapStateToProps = (state) => {
    return {
        selected: state.stepBuilder.selected,
    };
};

export default connect(mapStateToProps)(GenerateYaml);