Element: jsx对el-checkbox-group下的el-checkbox进行渲染时，生成的checkbox无法选中

[Hyphon]

根据 babel-plugin-transform-vue-jsx文档，代码如下

methods: {
    sync(prop, value) {
         this[prop] = value;
    }
},
render(h) {
    const checkboxes = this.data.map((item) => {
        return <el-checkbox label={this.item}></el-checkbox>
    });
    return (
        <el-checkbox-group on-input={(e) => this.sync('checkList', e.target.value)} >
            {checkboxes}
        </el-checkbox-group>
    )
}

生成后点击checkbox提示prop 'value' is not defined

[Leopoldthecoder]

(e) => this.sync('checkList', e.target.value)
e 并不是一个 DOM 事件，所以不存在 e.target.value。你可以打印看看 e 是什么。

[Hyphon]

e只是单纯的true值。我是看jsx的文档中说不支持v-model，需要按照这样的写法来获取的。
但是如果在el-checkbox-group 这里直接写v-model={this.checkList} 同样没有效果。
v-model绑定group，checkbox里绑定label值这样的数组渲染可否提供下demo呢，谢谢

[Leopoldthecoder]

render(h) {
  const data = ['选项1', '选项2', '选项3'];
  const checkboxes = data.map(item => {
    return <el-checkbox label={item}></el-checkbox>;
  });
  return (
    <el-checkbox-group value={this.value} on-input={this.sync}>
      {checkboxes}
    </el-checkbox-group>
  );
},

data() {
  value: []
},

methods: {
  sync(e) {
    this.value = e;
  }
}

[Hyphon]

解决了，非常感谢！