क्या कोई यह पता लगाने में सक्षम है कि यह प्रतिक्रिया जेएस कोड क्यों संकलित नहीं करेगा? मुझे कहीं एक ब्रेस या एक कोष्ठक याद आ रहा है, मैं अभी यह पता नहीं लगा सकता कि यह कहाँ है।

क्या कोई उपकरण उपलब्ध है जहाँ मैं इस कोड को कॉपी और पेस्ट कर सकता हूँ और यह ठीक उसी जगह फ़्लैग करेगा जहाँ फ़ाइल में मुझे कुछ सिंटैक्स याद आ रहा है?

function Search() {
const [searchTerm, setSearchTerm] = useState("");

const [images, setImages] = useState([]);
const [currentPage, setCurrentPage] = useState(1);
const [imagesPerPage, setImagesPerPage] = useState(10);

useEffect(() => {
  const fetchImages = async () => {
    setImages(JSONDATA);
  }

  fetchImages();
}, []);

// get current images
const indexOfLastImage = currentPage * ImagesPerPage
const indexOfFirstImage = indexOfLastImage - ImagesPerPage
const currentImages = images.slice(indexOfFirstImage, indexOfLastImage)

return (
  <Images product_serial_number={val.product_serial_number} wip_id={val.wip_id} date={val.date}>

  <div className="App">
    <input
      type="text"
      placeholder="Search for wip_id, product_serial_number or date..."
      onChange={(event) => {
        setSearchTerm(event.target.value);
      }}
    />
    {JSONDATA.filter((val)=>{
      if (searchTerm == "") {
        return val
      } else if (val.wip_id.toLowerCase().includes(searchTerm.toLowerCase())
         || val.product_serial_number.toLowerCase().includes(searchTerm.toLowerCase())
         || val.date.toLowerCase().includes(searchTerm.toLowerCase())) {
        return val
      }
    }).map((val, key) => {
      return (
        <li> {val.wip_id}, | {val.product_serial_number}, | {val.date} </li>
      );
   })}
  <div/>
);
}
0
Luke 26 जिंदा 2021, 18:21
इसे देखने से, ऐसा लगता है कि आपके तीन सशर्तों में बेजोड़ कोष्ठक हैं। मुझे पूरा यकीन नहीं है कि आप किस स्थिति की जांच करने की कोशिश कर रहे हैं, लेकिन ऐसा लगता है कि आपकी समस्या यही है।
 – 
Maksim
26 जिंदा 2021, 21:49

1 उत्तर

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

आपके स्निपेट की अंतिम तीन पंक्तियाँ इस प्रकार होनी चाहिए:

      </div>
    </Images>
  );
}

मूल रूप से, आपका समापन div टैग गलत था (</div> के बजाय <div/>)। तब आपके पास </Images> का क्लोजिंग टैग नहीं था।

मेरा सुझाव है कि विजुअल स्टूडियो कोड और अलग-अलग तत्वों को संक्षिप्त करने के लिए इसकी अच्छी कार्यक्षमता का उपयोग करें। निम्नलिखित छवियों का संदर्भ लें:

enter image description here

enter image description here

1
ivosh 26 जिंदा 2021, 18:29