Экспорт значений из компонента в реале

Question

У меня есть простой компонент заголовка. Я хочу отправить некоторые значения. Хотя это может быть слишком просто, чтобы гарантировать компонент, который я пытаюсь выяснить, как экспортировать значение компонента. Это то, что у меня есть до сих пор.

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

Любые идеи?

Answer 1

Отличная вещь в отношении Реагирования заключается в том, что все дело в возможности компоновки: возможность создания базового компонента, который дает х реквизиты, будет обрабатывать соответствующие 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