How to use the call value in src to make src display normally

<iframe src="http://?var-cluster=xxx&var-change=xxx&var-product=xxx&var-contract={this.state.name}&theme=light" width="100%" height="350" frameBorder="0"></iframe>

I now put the data into src, as the data in {} above is obtained in the background, these data can be printed out console.log (this.state.name) print hsi10, but can not be displayed on the page, how to make src get the call value, so that it can be displayed on the page?

Mar.17,2021
Menu