在React组件中使用html值

Question

另一位开发人员创建了一个html网页，其中包含以下条目：

<div id='username'>usernameValue</div>
<div id='reactCompIdPlace'/>

从该页面我需要获取usernameValue值并将其作为props并使用jsx传递给react组件。该反应组分将放在第二个

  <div id='reactCompIdPlace'/>

这可能吗？怎么样？感谢

Answer 1

在主要组件中，您可以查询DOM

if ($('[id$="txtName' + i + '"]').val()) {
  console.log($('[id$="txtName' + i + '"]').val())
}

然后将其传递给需要该值的组件，类似这样的

const username = document.getElementById('username'). textContent;