错误:无效的挂钩调用.钩子只能在函数组件的主体内部调用.(React hooks React native)

Question

以前我试图将下面的代码更改为React Hooks。

async startService() {
if (Platform.OS !== 'android') {
console.log('Only Android platform is supported');
return;
}
if (Platform.Version >= 26) {
const channelConfig = {
id: 'ForegroundServiceChannel',
name: 'Notification Channel',
description: 'Notification Channel for Foreground Service',
enableVibration: true,
importance: 2
};
await VIForegroundService.createNotificationChannel(channelConfig);
}
}

这是我一直试图把它变成反作用钩子的代码：

function foregroundService () {

useEffect(() => {
async function startService() {
if (Platform.OS !== 'android') {
console.log('Only Android platform is supported');
return;
}
if (Platform.Version >= 26) {
const channelConfig = {
id: 'ForegroundServiceChannel',
name: 'Notification Channel',
description: 'Notification Channel for Foreground Service',
enableVibration: false,
importance: 2
};
await VIForegroundService.createNotificationChannel(channelConfig);
}
const notificationConfig = {
id: 3456,
title: 'Foreground Service',
text: 'Foreground service is running',
icon: 'ic_notification',
priority: 0
};
if (Platform.Version >= 26) {
notificationConfig.channelId = 'ForegroundServiceChannel';
}
await VIForegroundService.startService(notificationConfig);
};
startService();
}, [])
};

我得到了一个错误：错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能是由于以下原因之一：

1. React和渲染器的版本可能不匹配(例如React DOM(
2. 你可能违反了胡克规则
3. 同一应用程序中可能有多个React副本

我还是这个React挂钩的新手

Answer 1

import React, { useEffect } from 'react';

在这个文件中导入react并为这个函数返回null，然后它就可以工作了。为什么会这样->在上面，您已经创建了一个函数，为了将其理解为功能组件，react需要在顶部具有导入并返回null，因为您在该函数中没有任何要渲染的内容。