Reactのコンポーネントからの値のエクスポート

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" /> 

、その後、あなたはあなたの全体で使用できるようにするには、同じ基本構成を有し、唯一の小道具を通じてタイトルに渡す必要がすることができるようになりますアプリ。

のFacebookからの素晴らしい記事は、構成可能性https://facebook.github.io/react/docs/composition-vs-inheritance.html