Question

如何访问HTML中指定的data- *属性作为道具传递？

如果它是普通属性，那么我们使用this.getAttribute('class')，如果使用data-class webpack添加空格data - class。我们怎样才能避免webpack在连字符之间添加空格。

UPDATE ：可能我需要更具体，WebPack在生成包含React Component道具的代码时会增加空间。

生成的代码如下，

_createClass(App, [{
            key: 'render',
            value: function render() {
                debugger;
                return _react2.default.createElement(
                    'div',
                    null,
                    _react2.default.createElement(_header2.default, { options: this.props.options }),
                    _react2.default.createElement(_footer2.default, { options: this.props.data - footeroptions })
                );
            }
        }]);

Answer 1

我认为在引用带连字符的对象属性时，您只需要使用字符串文字。

this.props.data-footeroptions
// should be written as
this.props.data['footeroptions']

另外作为参考，我认为这可能是一个JSX问题，而不是WebPack。

在HTML中访问data- *属性并将其作为props传递

1 个答案: