JSON şeklinde veri çekme nasıl yapılır?
- Konuyu başlatan Jarvis0
- Başlangıç Tarihi
- Mesaj 2
- Görüntüleme 1.285
-
- Etiketler
- json panel react veri çekme
JavaScript:
const JsonText = ({ object }) => {
const json = JSON.stringify(object);
let brace = 0;
const formattedJson = json.replace(
/({|}[,]*|[^{}:]+:[^{}:,]*[,{]*)/g,
(m, p1) => {
const returnFunction = () =>
`<div style="text-indent: ${brace * 20}px;">${p1}</div>`;
let returnString = 0;
if (p1.lastIndexOf("{") === p1.length - 1) {
returnString = returnFunction();
brace += 1;
} else if (p1.indexOf("}") === 0) {
brace -= 1;
returnString = returnFunction();
} else {
returnString = returnFunction();
}
return returnString;
}
);
return (
<pre> {formattedJson} </pre>
)
}
JavaScript:
const veri = {
name: "John",
surname: "Smith",
age: 30
}
<JsonText object={veri} />JsonText componentini belirttiğim şekilde kullanarak kullanıcıya verini pre tagları içerisinde json olarak gösterebilirsin.
deactivatedfemo
Hectopat
- Katılım
- 8 Temmuz 2020
- Mesajlar
- 683
- Çözümler
- 2
Custom bir function ile verileri çekip json object şekline getirebilirsin.
