Passing react text field input values as parameters to a method

Question

I have the below input fields of which I need to get the entered inputs and pass it to the onClick event of the button shown below.

Answer 1

How can I achieve this without storing the values in states?

I think in this case better use states

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      topicBox: null,
      payloadBox: null
    };
    
    this.publish = this.publish.bind(this);
    this.handleChange = this.handleChange.bind(this);
  }
  
  handleChange({ target }) {
    this.setState({
      [target.name]: target.value
    });
  }

  publish() {
    console.log( this.state.topicBox, this.state.payloadBox );
  }
  
  render() {
    return 

      
      
      
      
      Publish
    
  }
}

ReactDOM.render(, document.getElementById('container'));