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

然后您将能够拥有相同的基本配置，只需通过道具传递标题即可在您的应用中使用。