How to return the value of the added element?

Question

React

I have such a structure.
event in view

onAddLevelNode = e => {
    e.preventDefault();
    const { addLevelNode, node : {id} } = this.props;
    addLevelNode(id, '', '');
  };

action

export const addLevelNode = (id, key, value) => {

  return {
    type: ADD_LEVEL_NODE,
    id,
    key,
    value
  }
};

reducer (it is not written according to the rules now, but that's not the point)

case ADD_LEVEL_NODE:
      const addLevelNode = structure => {
        const { id, value, key } = action;
        const nodeId = Object.keys(structure).length;
        structure[nodeId] = {
          id: nodeId,
          key: key,
          value: value,
          type: 'string',
          childIds: []
        };

        structure[id].value = false;
        structure[id].type = 'object';
        structure[id].childIds.push(nodeId);

        return structure;
      };

      return {
        ...state,
        structure: addLevelNode(state.structure)
      };

An empty element is added to the reducer, how can I get the id of the added element in the onAddLevelNode event?

Answer 1

To get an element - use ref : This is how you get it - then do what you want.)