小编Xpe*_*eno的帖子

React Context:从 API 获取数据并在 React 组件中发生某些事件时调用 API

我是 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)

javascript reactjs react-context react-hooks

5
推荐指数
1
解决办法
5236
查看次数

React JS:如果下面没有空格,React 选择下拉位置到顶部

我正在使用React Select

我希望它的下拉位置是动态的。假设它下面没有空格,那么下拉菜单应该打开到上面的选择框。

<Select
  value={selectedOption}
  onChange={this.handleChange}
  options={options}
/>
Run Code Online (Sandbox Code Playgroud)

是否有任何选项可以使下拉位置动态?

任何帮助都会很棒。

谢谢你。

javascript select reactjs react-select

5
推荐指数
4
解决办法
9348
查看次数