问题描述
我有一个最新版本的 Preact 的最小测试用例,呈现了三个单选按钮。宣布要检查第三个。
当我在浏览器(Firefox和Chrome)中加载此HTML文件时,果然,选中了第三个单选按钮。
当我检查选中的按钮时,其计算属性已将其选中,但是其DOM元素没有“ checked”属性。我不明白这种差异。我认为让HTML或Javascript要求浏览器选中单选按钮的唯一方法是通过“ checked”属性。
Preact如何与浏览器通信以检查第三个单选按钮(如果不是通过DOM)?
(相反,当我使用 React 在单选按钮上呈现“选中”时,DOM在输入元素上带有checked=""
。)
<!DOCTYPE html>
<html><head>
<script type="module">
import { h,Component,render } from 'https://unpkg.com/preact?module';
const radio1 = h('input',{ type: "radio",name: "source",value: "1" });
const radio2 = h('input',value: "2",custom: "custom" });
const radio3 = h('input',value: "3",checked: "checked" });
const app = h('div',null,[radio1,radio2,radio3]);
render(app,document.body);
</script>
</head></html>
该代码将独立运行在浏览器中。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)