Question

你好我有这个代码

import React from 'react'
import Link  from 'react-router/lib/Link'
import { connect } from "react-redux"
import { load } from '../../actions/customerActions'
import List from './list';

import MdAdd from 'react-icons/lib/md/add'

@connect(store => {
    return {
        customers: store.customer.customers
    }
})

export default class Customer extends React.Component {

    componentDidMount() {
        this.props.dispatch(load({location:localStorage.getItem('locationb')}));
    }

    render() {
        const { customers } = this.props;
        const tea = customers.customers && customers.customers.map(customer => <List key={customer.profile} customer={customer} />) || [];


        return(
            <div class="container">
                 { customers.customers ?
                    <div class="columns is-multiline mb-100">
                        { tea }
                    </div>
                 : 'Não exitem Clientes'}
                <Link to="/customer/create" class="button is-info btn-rounded" title="Novo"><MdAdd /></Link>
            </div>
        )
    }

}

但我只能通过此道具访问渲染客户。

如何将客户传递给组件中的状态变量？或者？

我的意思是客户const {customers} = this.props;我怎么做这样的.setState（{customers：customers}）在开头这个.state（客户：[]）

Answer 1

你可以使用

componentWillReceiveProps(newProps){
   console.log(newProps.customers.customers)
this.setState({customers: newProps.customers.customers})

}

它对我有用谢谢卡洛斯·维埃拉

在

1 个答案: