如何从语义搜索中取出值并将值分配给var？

Question

如何获取的值并将其移动到 Value var 中？

我不能在不重新创建整个网页的情况下从这段代码中删除搜索，如果有另一种方法可以将搜索栏的值添加到 workOrderStore.loadWorkOrders 那么请告诉我:)

提前致谢

    var Value = ""
    
    
    enter code here
    
    //<AllGrid workorders={workOrderStore.workorders} />
    
    const WorkOrderDashboard: React.FC<IProps> = props => {
      const workOrderStore = useContext(oneOrderStore);
      const userAuthStore = useContext(UserAuthStore);
    
      let sessionObj = JSON.parse(sessionStorage.getItem("sessionObj")!)
      let IsLoggedIn = sessionStorage.getItem("isLoggedIn")
      let CurrentModule = sessionStorage.getItem("module")
      
      useEffect(() => {
        userAuthStore.HydrateAuthState();
       }, [userAuthStore]);
    
      function searchJobs(){
          window.alert(Value)
          workOrderStore.loadWorkOrders(CurrentModule!,sessionObj.Username,sessionObj.Client.Id,Value);
      
        if (workOrderStore.loadinginitial)
          return <LoadingComponent content={"Loading: " + CurrentModule} inverted={true} />;
      
      };
    
    
    
    
      return(
      <Fragment>
        <br></br>
      <div>
      
       <Search 
       value={""}
       open={false}
       onBlur={searchJobs}
       type='text'
       />

Answer 1

usestate hook 可能是您要查找的内容。我不使用 semantic-ui 所以这是一个带有 html 输入的例子：

function App() {
    const [search, setsearch] = useState("");
  
    function handleSearchChange(event) {
      setsearch(event.target.value);
    }
  
    return (
      <div>
        <input value={search} type="text" onChange={handleSearchChange} />
      </div>
    );
}

我看了一下 semantic-ui documentation，它看起来像这样工作：

function App() {
    const [search, setsearch] = useState("");
  
    function handleSearchChange(event, data) {
      setsearch(data.value);
    }
  
    return (
      <div>
          <Search
            onSearchChange={handleSearchChange}
            value={search}
          />
      </div>
    );
}

如何从语义搜索中取出值并将值分配给var？

How to take out value from sematnic search and assign to value to var?

reactjs

typescript

semantic-ui