Реактивный компонент не перерисовывается после смены реквизита - PullRequest
Новая
       21

Реактивный компонент не перерисовывается после смены реквизита

0 голосов
/ 19 сентября 2018

Компонент React с использованием Ant Design Framework не выполняет повторную визуализацию при обновлении реквизита.Данные отображаются обновленными в консоли, но не обновляются в теге List.Вот часть моего кода. 

   render() {
   const props = this.props;
   data=[
   {
       'title':'name1',
       'content':props.data.content1
   },
   {
       'title':'name2',
       'content':props.data.content2
   },
   ]
   console.log("Data..",data);
   return (
    <Page {...props}>
        <Helmet title="Organizations" />
        <div className="card">
           <div className="card-header">
             <div className="utils__title">
                <strong>Organization Details</strong>
              </div>
            </div>
      <div className="card-body" span={20}>
        <div className="organization">
          <div className="organization_details">
            <List
              grid={{ gutter: 16, column: 1 }}
              dataSource={data}
              size="small"
              renderItem={item => (
                <List.Item>
                  <Card className="list1" title={item.title} bordered={false}>
                    {item.content}
                  </Card>
                </List.Item>
              )}
            />
           </div>
         </div>
       </div>
      </div>
      </Page>
    )

}

1 Ответ

0 голосов
/ 19 сентября 2018

Я думаю, data - это не переменная data , которую вы хотите использовать.

Использование const поможет! 

// Destructure your props like this
const { props } = this;

const data=[
   {
       'title':'name1',
       'content':props.data.content1
   },
   {
       'title':'name2',
       'content':props.data.content2
   },
]
...