时间戳

首页 > 解决方案 > 在 reactstrap 中，如何从调用组件将参数传递给 Jumbotron？

reactjs - 在 reactstrap 中，如何从调用组件将参数传递给 Jumbotron？

问题描述

我想我需要使用 tag 参数来为 Jumbotron 分配道具，但我不明白 reactstrap 组件页面上给出的语法。

    Jumbotron.propTypes = {
    // Pass in a Component to override default element
    tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
    fluid: PropTypes.bool,
    className: PropTypes.string
    };

我的工作代码是

    return (
       <div>
       <Container>
       <Jumbotron >
          <h1 className="display-3">{this.props.title}</h1>

我正在尝试将一个道具传回给 Jumbotron 以更改它的高度，并从调用组件动态更改背景图像。有没有人有一个链接可以帮助我深入了解这个？如果未能提供代码片段，我们将不胜感激。

提前致谢。

标签： reactjsreactstrap

解决方案

你可以像往常一样style进入你的。<Jumbotron>例如：

<Jumbotron style={{ backgroundColor: 'red', height: 200 }}>
  <h1 className="display-3">hey</h1>
</Jumbotron>

这里有一个例子。

推荐阅读