파징 객체는 JSX

Question

A는 초보자의 실험 반응 반응한다. 나는 잠시 동안 React 문서를 파 냈지만 아직 주사위를 굴리지 않았다.

Answer 1

item의 값을 올바르게 전달하지 않았습니다. foo={...}은 JSX의 표현식을 나타내며, 즉 prop 값은 JavaScript로 평가되어야합니다. 그런 다음 개체 리터럴에 대해 {...}이 누락되었습니다.

var item = {name: "A Name", description: "---"}; 
// ... 
<MyComponent item={item} /> 

당신이 원하는 또는 경우 https://facebook.github.io/react/docs/jsx-in-depth.html#attribute-expressions

Answer 2

를 참조하십시오 : 당신이 구문은 매우 읽을 찾을 수없는 경우 먼저 객체를 변수에 할당 할 수 있습니다, 또는

<MyComponent item={{name: "A Name", description: "---"}} /> 
//     ^---  object literal  ---^ 
//    ^-----  expression  -----^ 

해야한다 this.props.item.name 및 대신 this.props.name 및 this.props.description에 액세스하려면 MyComponent 안에 다음 구문을 사용할 수 있습니다.

var item = {name: "A Name", description: "---"}; 
<MyComponent {...item} />