我正在尝试将一个React组件重建为WebComponent，以便摆脱对React的依赖。
我希望在HTML中看到一个像这样的WebComponent：
<editable-h1>Hello, world</editable-h1>
它应该呈现如下：
<span> <h1>Hello, world</h1> <button onClick=this.onEdit>Edit</button> </span>
如果我点击编辑按钮，我希望它呈现如下：
<form> <input type='text' value='Hello, world'></input> <button onClick=this.onSave>Save</button> </form>
点击保存按钮会通过API调用将更改保存到数据库，并返回到原始呈现（但文本已经被编辑过）。
我相信我可以处理切换呈现和进行API调用，但我困惑的是如何从初始的WebComponent中获取子元素文本“Hello, world”以便进行呈现。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
960
收藏
