Zainab Tijani Tijani-zainab

## redact-js-program.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>assignment</title>

</head>
<body>

## trychameleon technical
  ##Refactor the code to use the latest function based components
  import React, {PureComponent} from 'react';
  import DropdownItem from "./DropdownItem/DropdownItem";


  function Dropdown(props) {

    const [isOpen, setIsOpen] = React.useState({isOpen: false});

    function toggle() {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>assignment</title>

	</head>
	<body>
	##Refactor the code to use the latest function based components
	import React, {PureComponent} from 'react';
	import DropdownItem from "./DropdownItem/DropdownItem";


	function Dropdown(props) {

	const [isOpen, setIsOpen] = React.useState({isOpen: false});

	function toggle() {