응답에서 구성 요소의 값 내보내기

Question

간단한 헤더 구성 요소가 있습니다. 값을 내보내는 방법을 알아 내려고 노력하면서 구성 요소를 보증하기가 너무 간단 할 수도 있습니다. 구성 요소의 이것은 내가 지금까지 가지고있는 것이다.

import React from "react"; 
const welcome = { title: "Welcome"} 
export default()=> (
    <h1 className="App-header">{{welcome.title}}</h1> 
) 

아이디어가 있으십니까?

Answer 1

React의 가장 큰 장점은 구성 가능성에 관한 것입니다. 즉, x 소품이 해당 소품을 기반으로하는 적절한 UI를 제공한다는 기본 구성 요소를 생성 할 수 있다는 것입니다.

헤더 구성 요소를 작성하는 경우 앱에 많은 헤더가 있고 고유 한 콘텐츠가있는 헤더가 많이있을 수 있습니다.

export default (props) => (
    <h1 className="App-header">{props.title}</h1> 
) 

하고 나는 그것을 사용하는 경우 :

import Header from 'header'; 

<Header title="my title" /> 

을 그리고 당신은 동일한 기본 구성이 단지를 통해 사용할 수 있도록 소품을 통해 제목에 통과해야 할 수있을 것이다 앱. 페이스 북에서

큰 문서