如何将道具设置为 const X = useContext()答案

【问题标题】：How to set props into const X = useContext()如何将道具设置为 const X = useContext()
【发布时间】：2022-08-04 15:57:38
【问题描述】：

使用 ReactJS

我想知道如何将道具传递给const { answerSetter } = useContext( AnswerSetterContext ); 我想这样做的原因是因为我得到错误，X 不是一个函数并且在那里传递道具应该修复它。我的代码：export const AnswerSetterContext = createContext(null);

<AnswerSetterContext.Provider value={answerSetter}>
         <SearchBar key=\"SearchBar\" placeholder=\"Type something\" data={data} />
      </AnswerSetterContext.Provider> 

const { answerSetter } = useContext(AnswerSetterContext);

const handleOptionClick = event => {
    const selectedValue = event.target.value;

answerSetter 不是函数 ==> answerSetter(selectedValue); };

标签： reactjs react-props use-context

【解决方案1】：

您需要将一个对象传递给AnswerSetterContext.Provider：

<AnswerSetterContext.Provider value={{answerSetter}}>
    <SearchBar key="SearchBar" placeholder="Type something" data={data} />
</AnswerSetterContext.Provider> 

const { answerSetter } = useContext(AnswerSetterContext);

【讨论】：