You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
582 B
26 lines
582 B
3 years ago
|
import React, { useState } from "react";
|
||
|
|
||
|
import ProductTable1 from "./ProductTable1";
|
||
|
|
||
|
function Advertisements() {
|
||
|
const list = {
|
||
|
1: <ProductTable1 />,
|
||
|
};
|
||
|
const [type, setType] = useState(1);
|
||
|
return (
|
||
|
<div className="w-full flex flex-col items-center">
|
||
|
<select
|
||
|
className="mb-10 w-20 bg-gray-200"
|
||
|
onChange={(e) => setType(e.target.value)}
|
||
|
>
|
||
|
{Object.keys(list).map((option, index) => (
|
||
|
<option key={index}>{option}</option>
|
||
|
))}
|
||
|
</select>
|
||
|
{list[type]}
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default Advertisements;
|