전달 소품

Question

나는 내가 스타일-구성 요소를 사용하여 CSS를 적용한 다음과 같은 구성 요소가 있습니다

수입 '스타일-구성 요소의

// square-block css can be re-written as a styled-component(???) 
const SquareBlock = styled.div` 
    width: 100%; 
    height: 100%; 
    background-color: ${props => props.color}; 
` 

export default SquareBlock 

나는 것에서 스타일을 반작용 개발자 도구에서

import { COLORS } from '../../../constants/tetronimo' 

export default { 
    color: COLORS.I 
} 

나는 것으로 나타났습니다 : 소품에 따라 구성 요소의 background-color을 적응 반응 - 우주와 다음과 같은기구를 사용하려면

JSON.stringify($r.props.fixture, null, 2) 

{ 
    "color": "#3cc7d6" 
} 

어떻게 소품 react-cosmos에 제대로 전달되도록 할 수 있습니다 : 구성 요소 PropsProxy는 color 속성이 조명기 소품을했다?

Answer 1

Refact Cosmos의 최신 버전에서는 fixture.props 밑에 소품을 넣어야하지만 이미 figured 인 것으로 보입니다. 이게 당신의 문제를 해결합니까?