文章/答案/技术大牛

发布

问材料-顺风选择选项
EN

Stack Overflow用户

提问于 2022-10-14 21:10:00

回答 2查看 167关注 0票数 0

我正在使用@material-tailwind/react in Next.JS应用程序。我从这里的示例中获得了以下代码：https://www.material-tailwind.com/docs/react/select。在React中，我可以在selected上使用onChange函数，然后得到所选项的值，例如"e.target.value“。它如何与此组件一起工作？

import { Select, Option } from "@material-tailwind/react";
 
export default function Example() {
  return (
    <div className="w-72">
      <Select label="Select Version">
        <Option>Material Tailwind HTML</Option>
        <Option>Material Tailwind React</Option>
        <Option>Material Tailwind Vue</Option>
        <Option>Material Tailwind Angular</Option>
        <Option>Material Tailwind Svelte</Option>
      </Select>
    </div>
  );
}

reactjs

next.js

tailwind-css

回答 2

Stack Overflow用户

发布于 2022-10-15 10:40:41

我唯一能解决的问题是如下所示，这与你如何用反应来做这件事有点不同。

import { Select, Option } from '@material-tailwind/react';
import { useState } from 'react';

export default function Home() {
  const [value, setValue] = useState(null);

  const handleChange = (value) => {
    console.log('value:', value);
  };

  return (
   <div className='w-72'>
       <Select label='Select Version' value={value} onChange={handleChange}>
          <Option value='123'>Material Tailwind HTML</Option>
          <Option>Material Tailwind React</Option>
          <Option>Material Tailwind Vue</Option>
          <Option>Material Tailwind Angular</Option>
          <Option>Material Tailwind Svelte</Option>
     </Select>
  </div>
  );
}

票数 0

Stack Overflow用户

发布于 2022-11-30 07:19:54

    import React,{useState} from "react"
    import { Select, Option } from "@material-tailwind/react";

 export default function Example() {
const [temp,setTemp] = useState();
const handleChange=(e)=>{
setTemp(e);
}
  return (
    <div className="w-72">
      <Select onChange={handleChange} label="Select Version" >
        <Option value="A">Material Tailwind HTML</Option>
        <Option value="B">Material Tailwind React</Option>
        <Option value="C">Material Tailwind Vue</Option>
        <Option value="D">Material Tailwind Angular</Option>
        <Option value="E">Material Tailwind Svelte</Option>
      </Select>
    </div>
  );
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74074896

复制

相似问题

问材料-顺风选择选项
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问材料-顺风选择选项EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问材料-顺风选择选项
EN