conversational-form with react.js - add cf info

hello.jsx

class Hello extends Component {

  ...
  componentDidMount(){
    // customize your questions here
    this.refs.name.setAttribute('cf-questions', "What is your name?");
    this.refs.email.setAttribute('cf-questions', "What is your email?");
    this.refs.description.setAttribute('cf-questions', "Describe your requirement");
    
    this.cf = window.cf.ConversationalForm.startTheConversation({
      formEl: this.refs.form,
      context: document.getElementById("cf-context"), // <-- bind this to an element instead of html body
      flowStepCallback: (dto, success, error) => {
        success();
      },
      submitCallback: () => {
        // action when form submitted
        console.log("Form submitted...");
      }
    });
  }
  
  render() {
    ...
  }
}

export default Hello;