Início / coding / Perguntas / 77337714
Accepted
Nancy Moore
Asked: 2023-10-22 04:39:00 +0800 CST

Como obter dados de objetos corretamente via reactjs

  • 772

Estou tentando obter dados de objetos usando reactjs da minha instância Atlassian.

Quando executo o código, {JSON.stringify(data)}mostra o registro conforme abaixo

{"creator_name":"Nancy More","current_time":"10/21/2023, 12:37:11 PM"}

Agora estou tentando exibir creator_name se o registro do objeto não estiver vazio como esta linha de código

{JSON.stringify(data) !=='{}'   &&  <span> Welcome {data.creator_name}</span> <input type='text' value={data.creator_name} /> }

Mas continua gerando erro Uncaught TypeError: d is null Vf App.js:

Por favor, eu tentei isso por horas agora, mas não consigo fazê-lo funcionar.

aqui está o código

Aplicativo.js

import React, { useEffect, useState, Fragment } from "react";

function App() {


  const [data, setData] = useState(null);

  useEffect(() => {
invoke('getdata-creator_name').then(setData);
}, []);

  return (
    <div>
      <h2> Display Records creators name</h2>
       

{JSON.stringify(data) === '{}' && Record is empty}

 
{JSON.stringify(data) !=='{}'   &&  <span> Welcome {data.creator_name}</span> <input type='text' value={data.creator_name} /> }


    </div>
  );
}

export default App;

index.js

import Resolver from '@forge/resolver';
const resolver = new Resolver();

resolver.define('getdata-creator_name', async (req) => { 
const datax = await storage.get('my-key');
console.log(datax);
return datax;

});

export const handler = resolver.getDefinitions();
reactjs

1 respostas

  1. Best Answer

    Sinto que restringir os dados não faz sentido ...

    você pode renderizar a propriedade do objeto quando ela existir assim:

    import React, { useEffect, useState, Fragment } from "react";

function App() {


  const [data, setData] = useState({}); // initialize to empty object

  useEffect(() => {
invoke('getdata-creator_name').then(setData);
}, []);
const {creator_name} = data // destructure data

  return (
    <div>
      <h2> Display Records creators name</h2>
       

           {!creator_name && Record is empty}

 
            {!!creator_name  &&<span> Welcome {creator_name}</span> <input type='text' value={creator_name} /> }


    </div>
  );
}

export default App;
    • 0

relate perguntas