React中的自定义属性

Question

＆＃34;如果将属性传递给HTML规范中不存在的本机HTML元素，React将不会呈现它们。＆＃34; - 反应文档。 https://facebook.github.io/react/docs/jsx-gotchas.html#custom-html-attributes

是否存在性能问题或为什么在React中无法呈现自定义属性？

Answer 1

因为React旨在不将任何数据传递给html属性，所以只将数据存储在组件的状态或道具中。

Answer 2

尝试这种方法，您可以在点击事件中在控制台中看到属性值

handleChange(index, value) {  
    const arr = [...this.state.news];
    arr[index] = { ...arr[index], value };
    this.setState({ news: arr });
}

简单地添加 customAttribute 作为您在渲染方法中的愿望

//...
   alertMessage (cEvent){
           console.log(cEvent.target.getAttribute('customEvent')); /*display attribute value */
        }
//...