HouseDetail.js 1.6 KB
Newer Older
1
import React, { Component } from 'react';
吴强's avatar
吴强 committed
2 3
import { View, ScrollView } from 'react-native';
import { List, WhiteSpace } from 'antd-mobile';
4
import { createForm } from 'rc-form';
5
import { connect } from 'react-redux';
6
import { createAction } from '../../../utils/index';
7

zhouhuan's avatar
zhouhuan committed
8
@connect(({ HouseDetail, ListHouse }) => ({ HouseDetail, ListHouse }))
9
class HouseDetail extends Component {
10
  componentDidMount() {
zhouhuan's avatar
zhouhuan committed
11 12
    const { dispatch, ListHouse } = this.props;
    dispatch(createAction('HouseDetail/getHouseDetail')(ListHouse.houseID));
13 14
  }
  modifyInfo = () => {
15 16
    const { ListHouse } = this.props;
    this.props.dispatch(createAction('HouseDetail/jumpPage')(ListHouse.houseID));
吴强's avatar
吴强 committed
17
  };
18
  render() {
19 20 21 22
    // console.log(this.props.HouseDetail);
    const { singularData, metas } = this.props.HouseDetail;
    const list = metas.map(({ key, label }) => {
      const data = singularData[key];
23
      return (
24 25 26
        <List.Item
          key={key}
          extra={data}
27
          wrap
28 29 30
        >
          {label}
        </List.Item>
31
      );
32 33 34 35 36
    });
    return (
      <View>
        <ScrollView>
          <View style={{ flex: 1, flexDirection: 'column' }}>
吴强's avatar
吴强 committed
37
            { /* <WhiteSpace />
38
            <View style={{ width: 80, height: 40 }}>
吴强's avatar
吴强 committed
39
            <Button type="primary" onClick={this.modifyInfo}>编辑</Button>
40
            </View>
吴强's avatar
吴强 committed
41
            <WhiteSpace /> */}
42 43 44 45 46 47 48 49 50 51
            <View>
              <List className="my-list">
                {list}
              </List>
            </View>
          </View>
        </ScrollView>
        <WhiteSpace />
      </View>
    );
52 53
  }
}
54
export default createForm()(HouseDetail);
55