首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在react语义UI中从<Input/>获取输入

在React语义UI中,可以通过使用ref来获取<Input/>组件中的输入值。

首先,在使用<Input/>组件的地方,需要给它添加一个ref属性,并创建一个ref对象来引用该组件,例如:

代码语言:txt
复制
import React, { useRef } from 'react';
import { Input } from 'semantic-ui-react';

function MyComponent() {
  const inputRef = useRef();

  const handleButtonClick = () => {
    const inputValue = inputRef.current.inputRef.current.value;
    console.log(inputValue);
  };

  return (
    <div>
      <Input ref={inputRef} />
      <button onClick={handleButtonClick}>获取输入值</button>
    </div>
  );
}

export default MyComponent;

在上述代码中,我们创建了一个inputRef对象,并将其赋值给<Input/>组件的ref属性。然后,在点击按钮时,通过inputRef.current.inputRef.current.value来获取输入框中的值,并进行相应的操作。

需要注意的是,<Input/>组件内部的输入框实际上是通过inputRef属性来引用的,因此需要使用inputRef.current.inputRef.current.value来获取输入值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券