jQuery selectize不';t存储状态
我在使用selectize实现下拉菜单时遇到问题,所以我尝试了jquery和react,一切都很顺利,直到。。。我的状态(以前不使用jquery存储)现在不使用jquery存储,无论我做什么 整个功能组件jQuery selectize不';t存储状态,jquery,reactjs,react-hooks,selectize.js,Jquery,Reactjs,React Hooks,Selectize.js,我在使用selectize实现下拉菜单时遇到问题,所以我尝试了jquery和react,一切都很顺利,直到。。。我的状态(以前不使用jquery存储)现在不使用jquery存储,无论我做什么 整个功能组件 const Home: React.FC = () => { const [something, setSomething] = useState(10); const getVal = (data: any) => { let curVal = currencyx
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>
);
};
const Home:React.FC=()=>{
常数[某物,设置某物]=使用状态(10);
常量getVal=(数据:任意)=>{
设curVal=currencyxvalue.get(数据);
回位装置(弯曲式);
};
常量setSomethingHandler=(变量:任意)=>{
如果(变量!==null){
console.log(“bssn:”,vars);
返回设定值(vars);
}
};
log(currencyxvalue.keys());
$(文档).ready(()=>{
$(“选择”)。选择({
索特菲尔德:“文本”,
onChange:(数据)=>{
返回getVal(数据);
},
});
});
返回(
{currency_list.map((cur)=>(
{cur}
))}
货币值:{something}
);
};
它基本上是一个下拉菜单,现在的问题是,使用onchange时,值平稳地进入setSomethingHandler函数,没有任何问题。但当它进入setSomething函数时,应该设置某个值,该值没有被设置或不断重置
我已经尝试了足够多的方法,但为了保持简短,这正是问题所在。
有谁能帮我吗?也许在翻译过程中丢失了一些东西,因为钩子没有状态,组件有状态。您可以共享使用状态钩子和jquery函数的组件代码吗?而且,一般来说,jQuery和Read并不能很好地配合,因为它们有着非常正交的UI、jQuery直接操纵DOM和在虚拟机中工作的状态和道具。我已经编辑了这个问题。现在请检查一下吗?您应该考虑使用选择的反应选项。(-或react中存在的任何其他选择库)在您的项目中放弃使用jQuery。对不起,我指的是整个组件,因此我们可以看到它的状态以及影响状态的任何函数以及呈现的内容。开发者在React中尝试使用jQuery所做的一切都可以通过React-y方式完成。我已经上传了整个组件,如果您还需要工作代码,我可以提供给您:)