मेरे पास एक जेसन फ़ाइल है

[
"Cooling":
  {
    "id": 1,
    "title": "Cooling",
    "description": "Lorem Ipsum is simply ${dummy} text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took"
  }
]

मैं प्रतिपादन से पहले कुछ शर्तों के आधार पर ${dummy} को किसी अन्य आधार पर बदलना चाहता हूं। क्या यह प्रतिक्रिया में संभव है?

मैं इस फ़ाइल को अपने प्रतिक्रिया App.js घटक में आयात कर रहा हूं और इसे इस प्रकार प्रदर्शित कर रहा हूं:

return (
    <div>
      <div className="row">
        {Json.map(item => (
          <div className="col-md-1">
            <hr />
            <p key={item.id}>
              {item.title}
            </p>
            <p>{item.description}</p>
          </div>
        ))}
      </div>
    </div>
  );

क्या रेंडर करने से पहले ${dummy} को item.description में बदलना संभव है?

-1
Damini Ganesh 3 जून 2019, 18:06

1 उत्तर

सबसे बढ़िया उत्तर

आप स्ट्रिंग प्रतिस्थापन का उपयोग कर सकते हैं

return (
    <div>
      <div className="row">
        {Json.map(item => (
          <div className="col-md-1">
            <hr />
            <p key={item.id}>
              {item.title}
            </p>
            <p>
              {
                item.description.replace('${dummy}', `${your_variable}`)
              }
            </p>
          </div>
        ))}
      </div>
    </div>
  );
0
Joseph 3 जून 2019, 15:22