我收到“TypeError：react__WEBPACK_IMPORTED_MODULE_5___default.a.PropTypes 未定义”。我只是一个初学者。我很难弄清楚到底出了什么问题。
这是代码：
import React from 'react';
class App extends React.Component {
render(){
let txt = this.props.txt
return (
<div>
<h1>{txt}</h1>
</div>
)
}
}
App.propTypes = {
txt: React.PropTypes.string,
cat: React.PropTypes.number.isRequired
}
export default App我在 div 中放置两个按钮时遇到问题。我想要左侧的推文按钮和右侧的另一个按钮“下一个报价”。我曾尝试使用绝对位置移动 Next-Quote 按钮，但是当我尝试将其向右移动时，它只移动了一半而不是完全移动。我也试过向右浮动和向右拉，它仍然不起作用。我不知道该怎么做。帮助...
<div className="container col-md-6 col-sm-offset-3">
<div id="quote-box">
<h4 id="text" className="text-md-center"> {this.props.quote.quote}</h4>
<p id="author" className="text-md-right">- {this.props.quote.author}</p>
<div className="buttons btn-toolbar">
<a
href="https://twitter.com/share?ref_src=twsrc%5Etfw"
className="twitter-btn twitter-share-button"
data-size="large"
data-show-count="false"
>Tweet
</a>
<button
id="new-quote"
className="btn btn-primary btn-xs pull-right"
onClick={this.onClick.bind(this)}
>Next Quote
</button>
</div>
</div>
</div><script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
#quote-box {
padding: 20px;
border-radius: 10px;
background-color: red;
}
.btn-toolbar {
display: flex;
justify-content: space-between;
}
#new-quote {
font-size: 13.5px;
padding: 3px;
}