× Error: Objects are not valid as a React child (found: object with keys {color}). If you meant to r
2680 단어 react 오류 기록
Error: Objects are not valid as a React child (found: object with keys {color}).
If you meant to render a collection of children, use an array instead.
이것은 제가 React-hook을 공부하고 있는 use Context 타임즈의 잘못입니다
React 。
오류 원인: 코드가 너무 길어서 묻지 않고 직접 원인을 분석합니다.나는 A 모듈에서 사용한다
export const colorContext = createContext()
공유 객체를 만든 후 JSX를 사용하여 노출:return (
<colorContext.Provider value={{ color: 'blue' }}> //
{props.children}
</colorContext.Provider>
)
B 모듈에서 사용했습니다
const color = useContext(colorContext)
color라는 변수를 사용해서 제 JSX를 보십시오.return (
<div style={{color:color}}> {color}</div >
)
문제는 바로 여기에 있습니다. colorContext는context 대상(React.createContext의 반환값)입니다. 제가 이 대상의 삽입값을 HTML에 기입했기 때문에 잘못 보고했습니다.해결 방법:color 대상의 값을 꺼내서 입력합니다 (노출시value)