Create a dropdown that lets users select a country, and display the selected country below.

Medium

Problem Statement

Sample Input

["India", "USA", "Canada"]

Sample Output

Initially: Selected Country: India
 After selection: Selected Country: [chosen country]

Limits

Time: 2s · Memory: 256 MB

Code Editor

00:00

Try your code in this preview. Submit marks it done.

import React, { useState } from "react";
 
 const CountrySelector = () => {
  return (
  <div>
  <select>
  <option>India</option>
  <option>USA</option>
  <option>Canada</option>
  </select>
  <p>Selected Country:</p>
  </div>
  );
 };
 
 export default CountrySelector;

Open Sandbox

Programming Exercises

Create a dropdown that lets users select a country, and display the selected country below.

Problem Statement

Sample Input

Sample Output

Limits

Hint 1