Typescript ESLint错误-使用React功能组件时如何键入子代？

Question

我正在整理以下样板样本：

• React 16.x（来自create-react-app）
• 打字稿
  • 具有功能组件
• Material-UI
• Mobx反应
  • 通过上下文提供者
• ESLint

我几乎可以解决所有问题，但似乎无法弄清我遇到的这个ESLint错误。我有一个看起来像这样的MobX商店提供商

import { useLocalStore } from 'mobx-react';
import React from 'react';
import { StoreType } from '../Types/StoreType';
import { StoreContext } from './StoreContext';

export const StoreProvider = ({ children }) => {
  const store = useLocalStore(() => ({
    loginStore: { email: ['[email protected]'] },
    applicationStore: { firstName: 'neil', lastName: 'peart' }
  })) as StoreType;
  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>;
};

我收到错误：

函数@ typescript-eslint / explicit-function-return-type上的[6:30警告缺少返回类型

道具验证react / prop-types中缺少[6:33错误'子代'

如果要把整个东西都拉下来，可以在这里：https://github.com/Savij/functional-react-mobx-material

感谢任何见识！-J

Answer 1

在您的示例中，StoreProvider的返回类型是React.ReactElement，可以这样设置：