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也会变。