मेरे कोड के एक भाग में, मुझे निम्न समस्या है:

मुझे ली तत्व के मूल्य तक पहुंचने की आवश्यकता है:

const elements = element.map((element) =>
     <li>{element}</li>
     );
<ul>
<!--I need access to this value-->
{elements}
 </ul>

उदाहरण:

<li>mark</li>

मान: चिह्न

0
John Sneijder 12 अक्टूबर 2020, 22:29

3 जवाब

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

आप एक क्लिक इवेंट हैंडलर के माध्यम से तत्व के नाम तक पहुँचने में सक्षम होना चाहिए जैसे:

  const names = [
    'Mark',
    'John',
  ];

  const handleClick = (event) => {
    const { name } = event.target;

    // you now have access to name
  };

...other code

  return (
    <ul>
      {names.map((name) => <li name={name} onClick={handleClick}>{name}</li>)}
    </ul>
  );

या

  const names = [
    'Mark',
    'John',
  ];

  const handleClick = (name) => {
    // you now have access to name
  };

...other code

  return (
    <ul>
      {names.map((name) => <li onClick={() => handleClick(name)}>{name}</li>)}
    </ul>
  );

1
Ross Sheppard 12 अक्टूबर 2020, 23:00

अभी भी सुनिश्चित नहीं है कि यही पूछा जाता है। लेकिन यह आपको क्लिक हैंडलर के अंदर पहुंच प्रदान करता है।

const handleClick = name => event => {
    // use name here
}

const elements = element.map((element) =>
     <li onClick={handleClick(element)}>{element}</li>
);
0
ian 12 अक्टूबर 2020, 23:00

आप ऐसा कुछ कर सकते हैं:

const handleClick = e => {
    let value = e.target.innerHTML; // Returns HTML + String
    // OR
    value = e.target.innerText; // Returns Just String Value
}

const elements = element.map((element) =>
     <li onClick={handleClick}>{element}</li>
);
0
Saif Ali Khan 12 अक्टूबर 2020, 23:29