javascript - 传播运算符无法在 React as {...this.state.attributes} 中工作

Question

我遇到了意外的标记问题，因为...这在 React 中不能作为属性使用。

<button {...this.state.attributes}> Save </button>

这在此范围内具有值(value)。提前致谢。

问候，什拉达·阿格拉瓦尔

Answer 1

甚至可能是一个错字……这个而不是……这个。见下文。

        import React, { Component } from 'react';
        import logo from './logo.svg';
        import './App.css';

        class App extends Component {

          state = {className:"button", style:{color: 'red'}}

          render() {
            return (
              <div>
                <h1>Hello World</h1>
                <button {...this.state}>Hello World</button>
              </div>
            );
          }
        }

        export default App;