react为什么点击获取数据 能获取到数据却不能显示到页面上

Question

onExpand = (expanded, record) => {

    console.log(record)

    let desipertion;

    function expand () {

      return new Promise((resolve,reject)=>{

        window.rpc.task.device.getArrayBriefByContainer({ id: record.id }, 0, 0).then((res) => {

           resolve();

          desipertion = res.map(x => ({ ...x, key: x.id ,setupTime: moment(x.createTime).format('YYYY-MM-DD'),type:x.typeName})); 

        })

      })  

    }

    async function execute () {

      await expand();

      record.desipertion = desipertion;

      console.log(record.desipertion)

    }

    execute();

  }

这里的record.desipertion已经获取到了 但是没有显示到页面上

Answer 1

你获取到数据后，然后调用setstate方法，改变状态，然后你的组件要定义个接受状态改变的地方，比如value={this.state.*}，一旦检测到你状态改变就会去render组件重新绘制，并且由于value的值和状态绑定所以value也会变。