我有一个LitElement,代表多个文件的文件上传。这使用代表每个文件的子组件。
我正在努力寻找使用LitElements将更改传播到子组件中的最佳做法的示例,因为它似乎与Polymer 3完全不同
这是我正在尝试的简化示例:
import './uploadFile.js';
class Upload extends LitElement {
...
static get properties() { return { files: Object } }
_render({files}) {
return html`
<input type="file" multiple onchange="...">
${this.renderFiles(files)}`
}
renderFiles(files) {
const filesTemplate = [];
for (var i = 0; i < files.length; i++) {
filesTemplate.push(html`
<upload-file file="${files[i]}"></upload-file>
`);
}
return filesTemplate;
}
}
Run Code Online (Sandbox Code Playgroud)
当我更新文件的状态时,上载组件会重新渲染,但上载文件组件不会。
我在这里做错了什么?那里没有LitElement用法的示例。
TIA