× 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)

좋은 웹페이지 즐겨찾기