Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Get current object path with custom button

Abierto
#35 8 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Start with the JsonView.Copied component renderer and compare it with the other available component renderers to determine where the current object path could be exposed. The work is done when a custom button can retrieve the path for both nested properties such as data.foo and object rows such as data.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I'm trying to add a button next to the copy button which would get me the current object path. For example, if I have the object

{
  "id": "1",
  "data": {
    "foo": "bar"
  }
}

and I clicked the button on the "foo": "bar" row, I want to return "data.foo". Similarly, if I clicked the button on the "data": { row, I want to return "data".

Here's an image with the button for reference (fake data)

image

My first attempt was using the JsonView.Copied component renderer to just throw the button next to the copy button, but I don't have access to the current path in the object there. The renderer only knows the key and value of the row. I don't see how I would achieve what I want with the other available component renderers either.

Is there a method with the current functionality? If not, would it be possible to add support for this use-case?

Lenguaje dominante
TypeScript
Estrellas
420
Forks
24
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de uiwjs/react-json-view

Todos los issues de uiwjs/react-json-view

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.