单选按钮已选中,但是Preact未呈现“选中”属性

问题描述

我有一个最新版本的 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 (将#修改为@)