1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | import React from 'react'; import ControlsContainer from './controls'; const titleStyle = { fontFamily: 'tahoma', fontSize: '24px', textAlign: 'center' } const Title = () => ( <div style={titleStyle}> Book Search </div> ); export const App = () => ( <div> <Title /> <hr/> <ControlsContainer /> </div> ) |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | import { connect } from 'react-redux'; import Controls from '../components/controls'; const mapStateToProps = state => { return { topic: state.topic, displayMode: state.displayMode } } const mapDispatchToProps = null; export default connect({ mapStateToProps, mapDispatchToProps )(Controls); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | import React from 'react'; import DisplayModeContainer from '../containers/displayMode'; import TopicSelectorContainer from '../containers/topicSelector'; const Controls = ({ topic, displayMode }) => { const styles = { controls: { padding: '15px', marginBottom: '25px' } }; return( <div style={styles.controls}> <TopicSelectorContainer topic={topic} /> <DisplayModeContainer displayMode={displayMode} /> </div> ); } Controls.propTypes = { topic: React.PropTypes.string.isRequired }; export default Controls; |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |