道具驗證中缺少“兒童”

Question

所以我在 react proj 結構上使用了這個很棒的 react-context 和 hooks，以便將值從 state 傳遞到組件中，但是當我解構時，孩子們警告我children' is missing in props validationeslint(react/prop-types) 。 問題是我真的不想只為那個 eslint 警告導入 PropTypes，所以沒有 PropTypes 應該是最好的方法。

import React, { useState, createContext } from "react";

export const FormContext = createContext();

const FormContextProvider = ({ children }) => {
  const [state, setState] = useState({
    firstName: "",
    LastName: ""
  });

  const updateState = () => {
    setState({
      ...state,
      firstName: "Method",
      LastName: "Man"
    });
  };
  return (
    <FormContext.Provider value={{ ...state, updateState }}>
      {children}
    </FormContext.Provider>
  );
};

export default FormContextProvider;

Answer 1

您可以在不導入PropTypes情況下嘗試以下PropTypes

const FormContextProvider = (props) => {
  const [state, setState] = useState({
    firstName: "",
    LastName: ""
  });

  const updateState = () => {
    setState({
      ...state,
      firstName: "Method",
      LastName: "Man"
    });
  };
  return (
    <FormContext.Provider value={{ ...state, updateState }}>
      {props['children']}
    </FormContext.Provider>
  );
};