content.jsx 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. import React, { Component } from 'react';
  2. import '../../content.less';
  3. import LeftTab from '../leftTab.jsx';
  4. import Comprehensive from './comprehensive.jsx';
  5. import Payment from './payment.jsx';
  6. import Correction from './correction.jsx';
  7. import Express from './express.jsx';
  8. import ApplyFee from './applyFee.jsx';
  9. class Content extends Component {
  10. constructor() {
  11. super();
  12. this.state = {
  13. loading: false,
  14. leftKey: <Comprehensive />,
  15. };
  16. }
  17. handlekey(key) {
  18. this.setState({
  19. leftKey: key,
  20. });
  21. }
  22. render() {
  23. return (
  24. <div className="acc-content">
  25. <LeftTab handlekey={this.handlekey} />
  26. <div className="content-right">
  27. {(() => {
  28. switch (this.state.leftKey) {
  29. case 'comprehensive':
  30. return <Comprehensive />;
  31. case 'payment':
  32. return <Payment />;
  33. case 'correction':
  34. return <Correction />;
  35. case 'express':
  36. return <Express />;
  37. case 'applyFee':
  38. return <ApplyFee />;
  39. };
  40. })()}
  41. </div>
  42. </div>
  43. )
  44. }
  45. }
  46. export default Content;