我是 React Context 的新手。我需要在 React 上下文中调用 API,以便在整个 React 应用程序中使用其数据。此外,还需要对 React 应用程序的各个组件上的某些 CRUD 操作调用相同的 API。
现在我将 API 数据存储在 redux 中,但我不想存储它。
这是我尝试过的..
context.js 文件
import React, { useState, createContext,useEffect } from 'react';
import {getData} from './actionMethods';
const NewContext = createContext();
function newContextProvider(props) {
useEffect(async () => {
const {dataValue} = await getData()
console.log("Data " , dataValue)
}, [])
return (
<NewContext.Provider
value={{
state: {
},
actions: {
}
}}
>
{props.children}
</NewContext.Provider>
);
}
const newContextConsumer = newContext.Consumer;
export { newContextProvider, newContextConsumer, …Run Code Online (Sandbox Code Playgroud)我正在使用React Select
我希望它的下拉位置是动态的。假设它下面没有空格,那么下拉菜单应该打开到上面的选择框。
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>Run Code Online (Sandbox Code Playgroud)
是否有任何选项可以使下拉位置动态?
任何帮助都会很棒。
谢谢你。