jQuery selectize 不存储反应钩子状态

问题描述

我在使用 selectize 实现下拉菜单时遇到问题，所以我尝试了 jquery 和 react，一切都很好，直到......我的状态（以前没有 jquery 存储）现在没有使用 jquery 存储，不管我做什么。

整个功能组件

const Home: React.FC = () => {
  const [something,setSomething] = useState(10);
  const getVal = (data: any) => {
    let curVal = currencyxvalue.get(data);
    return setSomethingHandler(curVal);
  };
  const setSomethingHandler = (vars: any) => {
    if (vars !== null) {
      console.log("bssn : ",vars);
      return setSomething(vars);
    }
  };
  console.log(currencyxvalue.keys());
  $(document).ready(() => {
    $("select").selectize({
      sortField: "text",onChange: (data) => {
        return getVal(data);
      },});
  });
  return (
    <IonPage>
      <IonContent class="tool-bg-2">
        <IonToolbar>
          <select
            id="select"
            placeholder="Crypto Currency"
            draggable={false}
            className="height-adjust"
          >
            {currency_list.map((cur) => (
              <option key={currency_list.indexOf(cur)} value={cur}>
                {cur}
              </option>
            ))}
          </select>
        </IonToolbar>
      </IonContent>
      <IonContent>values of currency : {something}</IonContent>
    </IonPage>
  );
};

它基本上是一个下拉菜单，现在的问题是，使用onchange将值顺利转到setSomethingHandler函数，没有任何问题。但是当它转到应该设置Something值的setSomething函数时，该值不是正在设置或不断重置。

我已经尝试了足够多的方法，但为了简短起见，这正是问题所在。 谁能帮帮我？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）