在页面上显示登录用户的名字（来自数据库）

Question

在用户登录后准备欢迎页面时，我希望页面标题显示在用户ID数据库中找到的第一个名称（例如“Welcome，Sally！”）。这与仅使用cookie来转发位置中的用户名略有不同;例如在顶角访问用户设置。

如果这会影响所需的代码，那么该网站正在使用React构建。

有什么建议吗？

Answer 1

您是否在询问如何在应用状态下获取用户名？或者你将如何渲染它？

如果你已经在auth对象的状态中拥有firstname，你可以这样做：

class WelcomePage extends Component {
   render() {

      const { auth } = this.props

      var pageTitle = `Welcome, { auth.firstname }`

      return (
         <h1>{ pageTitle }</h1>
      )
  }
}

export default WelcomePage

否则我需要更多信息才能理解你的要求

Answer 2

这是我制定的解决方案，似乎可以完成这项工作。这位于页面呈现的React组件中。

  render: function(){
    var user = JSON.parse(localStorage.getItem('user'));
  ...
    return (
      <div>
        <h2>Welcome, {user.firstname1}!</h2>
      </div>

以下是结果的快速屏幕截图（“Candy”是登录用户的名字）：