react中不使用props和state让组件触发传递数据的方法createContext

import React, { createContext,} from 'react';
export const SgrbqContext = createContext(null);

export const SgrbqContextContainer = function ({ children }) {
    const [valuename, setvaluename] = useState("")

    return (
        <SgrbqContext.Provider value={{ valuename, setvaluename }}>
              {children} 
        </SgrbqContext.Provider>
    );
}
1.让后在需要使用的组件父组件上面引入SgrbqContextContainer 包裹你的父组件就行了
2.在你需要使用的组件上面使用需要引入SgrbqContext
  const {valuename,setvaluename}= React.useContext(SgrbqContext);