如何在Outlook插件中修改office.js react元素？

Question

使用新的office.js，特别是MS团队提供的ReactJS脚手架。

https://developer.microsoft.com/en-us/fabric/#/controls/web

如果我在标准的反应返回中创建多个反应元素，例如

GetBufferedInputStream

然后如何通过编程方式访问特定的UI元素（例如Date）并修改值？

Answer 1

为组件创建对象引用，然后可以访问其属性。例如：

class MyComponent extends React.Component<any> {
    private myTextBox = React.createRef<TextFieldBase>();
    
    constructor(props: any) {

        super(props);
    }
    
    readAProperty() {
      console.log(`Current value: {this.myTextBox.current.value}`);
    }

    render() {
        return (
          <TextField label="Date:" 
          disabled styles={{ root: { width: 300 } }} 
          defaultValue="Wednesday, May 8, 2019" 
          componentRef={this.myTextBox}
          />
        );
    }
}