带有传入值的Amazon Web服务上的reactJS应用程序

我有一个reactJS应用程序，目前托管在AmazonWeb服务的S3存储桶中。Amazon为我的应用程序提供了一个入口点，假设入口点是

我想做的是能够将一个值传递到应用程序中，并在应用程序中提供该值。例如，我想做这样的事情：

然后，我希望能够在应用程序中引用userFirstName的值和userLastName的值，这样当我显示默认页面时，应用程序可以显示类似欢迎Jonathan Small

我该怎么做

谢谢你的建议。

您可以使用API解析查询参数，将它们置于组件状态，并使用它进行渲染

示例

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
const urlParams=新的URLSearchParams（window.location.search）；
此.state={
userFirstName:urlParams.get（“userFirstName”）| |“”，
userLastName:urlParams.get（“userLastName”）||
};
}
render（）{
const{userFirstName，userLastName}=this.state；
返回(
欢迎{userFirstName}{userLastName}
);
}
}

完美！这正是我想要做的。非常感谢你！