Question

我有一个这样的react元素：

var element = 
<div> 
    <span>37</span> 
    <span>increased</span>
<div>

我想通过在37之后添加“活动”来修改此元素，因此它变为：

var element = 
<div> 
    <span>37 Activities</span> 
    <span>increased</span>
<div>

我坚持如何更改此元素。有没有一种方法可以将字符串“活动”“注入”到元素？

注意：我没有访问返回element的函数。我可以做的就是修改element。

谢谢

Answer 1

解释尚不清楚。据我了解，您想在string之后的span标签中添加37 活动。我添加了一种使用香草javascript实现此目的的方法。获取页面上的所有span标签并进行操作。

Solution - online IDE

export default function App() {
  var element = (
   <div> 
    <span>37 </span> 
    <span>increased</span>
   </div>
  )
  const add = () => {
    document.getElementsByTagName('span')[0].innerHTML += 'Activities';
  }
 return (
   <div>
    {element}
    <button onClick={() => add()}> Add</button>
  </div>
 );
}

希望此解决方案有帮助！

在元素内反应变化值

1 个答案: