javascript - 迭代 Mithril 中的字符串列表并创建下拉列表

Question

我尝试在互联网上进行大量搜索，但找不到一个简单问题的答案。我对 Mithril 非常陌生(不知道为什么人们为项目选择 Mithril :()。我想迭代字符串列表并在带有复选框的下拉列表中使用它的值。

const DefaultListView = {
    view(ctrl, args) {
    const parentCtrl = args.parentCtrl;
    const attr = args.attr;
    const cssClass = args.cssClass;
    const filterOptions = ['Pending', 'Paid', 'Rejected'];
    // as of now, all are isMultipleSelection filter
    const selectedValue = 
    parentCtrl.filterModel.getSelectedFilterValue(attr);

    function isOptionSelected(value) {
      return selectedValue.indexOf(value) > -1;
    }

    return m('.filter-dialog__default-attr-listing', {
      class: cssClass
    }, [
      m('.attributes', {
        onscroll: () => {
          m.redraw(true);
        }
      }, [
        filterOptions.list.map(filter => [
          m('.dropdown-item', {
            onclick() {
              // Todo: Add click metrics.
              // To be done at time of backend integration.
              document.body.click();
            }
          }, [
            m('input.form-check-input', {
              type: 'checkbox',
              checked: isOptionSelected(filter)
            }),
            m('.dropdown-text', 'Pending')
          ])
        ])
      ])
    ]);
  }
};

不确定。怎么做。这是我到目前为止所尝试过的，但没有运气。有人可以帮我吗？

Answer 1

在 view 函数的开头定义一个数组:

const filterOptions = ['Pending', 'Paid', 'Rejected'];

但稍后在执行列表迭代的 View 代码中，filterOptions 预计是具有 list 属性的对象:

filterOptions.list.map(filter =>

应该是filterOptions.map(filter =>。

您的代码可能存在其他问题，但如果不查看传递 args 的包含组件，就无法判断。您可能会发现询问 Mithril chatroom 更有帮助。 ，我自己和许多其他人都可以在这里讨论并协助解决棘手的情况。