小编MIP*_*IPB的帖子

useDispatch() 错误:找不到 react-redux 上下文值;请确保组件被包裹在 <Provider> 中

我正在尝试使用 React-Redux 库,但标题出现错误。我用 Provider 包装了我的组件,但我仍然收到错误,只有当我实现 useDispatch() 钩子时。

该应用程序运行良好,直到我添加了 useDispatch() 行。可以删除有关调度功能的其余行,但我仍然遇到相同的错误。

如果你能帮助我,我将不胜感激。谢谢

这是我的代码:

import 'react-native-gesture-handler';
import {NavigationContainer} from '@react-navigation/native';
import Navigator from './navigation/Navigator';

import React, {useEffect, useState, useCallback} from 'react';
import {SafeAreaView, StyleSheet, Text, View} from 'react-native';

import {createStore, combineReducers} from 'redux';
import {Provider, useDispatch} from 'react-redux';
import dataReducer from './store/reducers/dataReducer';
import {CONSTANTS} from './constants/constants';
import {saveInitialData} from './store/actions/dataActions';

const App = () => {
  const [fetched, setFetched] = useState(initialState);

  const dispatch = useDispatch();

  const saveInitialDataHandler = useCallback(data => {
    dispatch(saveInitialData(data)); …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native redux react-redux

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

反应本机屏幕:compileDebugKotlin 失败

我正在尝试在我的 RN 项目中使用 React Navigation,但是当我安装react-native-screens(这是它工作所需的包)时,我无法再次构建该项目。

我得到的错误如下:

Task :react-native-screens:compileDebugKotlin FAILED

Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.
Run Code Online (Sandbox Code Playgroud)

我尝试了一些我看到其他人做的事情,但到目前为止没有任何效果。

你能帮助我吗?谢谢

react-native react-navigation react-native-screens

15
推荐指数
4
解决办法
4万
查看次数

在 React Native 中找不到“react/bridging/CallbackWrapper.h”文件

我正在尝试在 iOS 上设置我的 React Native 应用程序,但在构建时,我总是收到此错误:

找不到“react/bridging/CallbackWrapper.h”文件

在此输入图像描述

我自己查了一下,发现有几个人有同样的问题:

我已经尝试了这些答案中的所有内容,但没有运气。由于它似乎与 React Native Vision Camera 有关,因此我也做了他们的故障排除页面中所述的所有操作。

不幸的是我仍然收到错误。我使用npx react-native run-ios(这会引发无尽的错误)和 XCode 本身构建了该项目,我可以在其中找到真正的错误。

你能帮助我吗?该应用程序在 Android 上完美运行。谢谢!

ios react-native react-native-vision-camera

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

'Element' 不可分配给类型 'ScreenComponentType<ParamListBase, "Home"> | 未定义 - React Native 上的 React 导航

我正在尝试在 React Native 应用程序上使用 React Navigation 创建我的堆栈导航器。

我有我的 HomeTab 组件,就是这样的代码:

import React from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import HomeScreen from '../screens/HomeScreen';

const Stack = createNativeStackNavigator();

export const HomeTab = () => (
  <Stack.Navigator>
    <Stack.Screen name="Home" component={<HomeScreen />} />
  </Stack.Navigator>
);
Run Code Online (Sandbox Code Playgroud)

然而,组件道具突出显示为红色: 在此输入图像描述

出现以下错误:

 'Element' is not assignable to type 'ScreenComponentType<ParamListBase, "Home"> | undefined
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

types react-native react-navigation

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

无法使用 React Native 地图中的 hideCallout 函数

当我按下应用程序上卡片的 X 按钮时,我当前正在尝试关闭标注。

我的代码是这样的。** 封卡功能 **

  unsetCard = id => {
    this.setState({
      ...this.state,
      showCard: false,
    });

    this.markers.hideCallout();

    if (this.state.keyboard) {
      Keyboard.dismiss();
    }
  };
Run Code Online (Sandbox Code Playgroud)

这是我的 ** 地图视图代码,我使用 RN 聚类 **

<MapView
            // 
            mapRef={ref => (this.myMapRef = ref)}
            //
            onPress={this.unsetCard}>
            {this.props.data.map(marker => (
              <Marker
                key={marker.id}
                ref={ref => (this.markers = ref)}
               //
               }>
                <Callout
                  //
                  }}>
                  <CustomCallout title={marker.t} />
                </Callout>
              </Marker>
            ))}
          </MapView>
Run Code Online (Sandbox Code Playgroud)

最后在同一文件中的该组件中调用取消设置卡的函数:

            <CustomCardWithImage
              close={() => this.unsetCard(this.state.cardInfo.id)}
            />
Run Code Online (Sandbox Code Playgroud)

如果有人告诉我如何使用标记的引用,我将不胜感激,因为尽管我尝试过,但它不起作用。

提前致谢,

reactjs react-native react-native-maps

3
推荐指数
1
解决办法
1705
查看次数

无法部署 Supabase Edge 功能(Stripe) - 相对导入路径“http”不以 / 或 ./ 或 ../ 为前缀

我尝试通过 Supabase 的 Edge Functions 连接到 Stripe,但我不断收到此错误:

相对导入路径“http”不以 / 或 ./ 或 ../ 为前缀

我一直在挖掘,它似乎与从 Typescript 到 Javascript 的捆绑有关,但我还没有找到解决方案。

我的代码和官方的一样: https: //github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/stripe-webhooks/index.ts

我注意到,如果删除 Stripe 导入,我可以进行部署,所以我猜它可能是相关的,但我无法理解为什么,因为其他导入(例如 Deno 的 Supabase 导入)可以正常工作。

谢谢!!

import { serve } from 'https://deno.land/std@0.132.0/http/server.ts'

// esm.sh is used to compile stripe-node to be compatible with ES modules.
import Stripe from 'https://esm.sh/stripe@10.13.0?target=deno&deno-std=0.132.0'

const stripe = Stripe(Deno.env.get('STRIPE_API_KEY'), {
  // This is needed to use the Fetch API rather than relying on the Node http
  // package.
  httpClient: Stripe.createFetchHttpClient(),
})
// …
Run Code Online (Sandbox Code Playgroud)

stripe-payments deno supabase

0
推荐指数
1
解决办法
589
查看次数