Breaking News: Grepper is joining You.com. Read the official announcement!

select value from select and pass it to useeffect

Lonely Lyrebird answered on August 6, 2021 Popularity 3/10 Helpfulness 1/10

answer select value from select and pass it to useeffect

select value from select and pass it to useeffect

Comment

const GetAPILinks = () => {
  const [apiData, setApiData] = React.useState([]);
  const [fetchUrl, setFetchUrl] = React.useState('');
  React.useEffect(() => {
    if (fetchUrl) {
      fetch(fetchUrl)
        .then((response) => {
          return response.json();
        })
        .then((data) => {
          setApiData(data);
        });
    }
  }, [fetchUrl]);

  return (
    <DropdownButton id="dropdown-item-button" title="API Links" onSelect={(e)=>{setFetchUrl(e.target.eventKey)}}>
        <Dropdown.Item as="button" eventKey='API_Link1'>Link 1</Dropdown.Item>
        <Dropdown.Item as="button" eventKey='API_Link2'>Link 2</Dropdown.Item>
        <Dropdown.Item as="button" eventKey='API_Link3'>Link 3</Dropdown.Item>
    </DropdownButton>          
  );
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript select use-effect

Link to this answer
Share Copy Link