DEV Community

Rajasekar Thangavel
Rajasekar Thangavel

Posted on

Exercise 1

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

const HelloWorld = () => {
  const [result, setResult] = useState([]);
//   useEffect(() => {
//     filterDeveloper();
//   }, []);
  const data = [
    {
      name: "Rajasekar",
      title: "Developer",
    },
    {
      name: "Ganesh",
      title: "Manager",
    },
    {
      name: "Arun",
      title: "Developer",
    },
  ];

  const filterDeveloper = () => {
    let test = data.filter((item) => {
      return item.title === "Manager";
    });
    setResult(test);
  };
  const style1 = {
    color:"white"
  }
  const style= {
    backgroundColor: "red",
    ...style1
  }



  return (
    <>
    {result.map((item, index) => (
        <div key={item.name} className="test" style={style}>
          {index + 1} {item.name} - {item.title}
        </div>
      ))}
      <button onClick={filterDeveloper}>Test</button>
    </>
  );
};

export default HelloWorld;

Enter fullscreen mode Exit fullscreen mode

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)