将用户名附加到对话框消息时获取未定义

Question

我正在尝试根据用户名将用户的用户名添加到邮件中。例如，如果用户名是“ Joe”，则所有Joe的消息都将“ Joe的消息”附加在消息textField后面。代码是用React编写的，我正在从另一个类导入fetchUser。我尝试了另一篇文章中的建议，但似乎没有用。

我尝试修改它，导入fetchUser并将其添加到this.state.incidentMessage中。我也尝试过创建一个函数，调用fetchUser并将其添加到render（）中。在每种情况下，它都返回为Undefined。

来自构造函数：

this.state.username = fetchUser

fetchUser函数：

fetchUsername = () => {
  this.setState({username: fetchUser})
}

从render（）：

        <TextField label='Message' text={this.usernameUpdate + this.state.incidentMessage} rows={2}
          onChange={this.handleChangeIncidentMessage} />

我期望的是，用户名会附加到特定用户的邮件中。我收到的错误消息是，即使用户显示在页面的页眉部分中，也未定义用户。我已经从header.js导入了抓取