प्रतिक्रिया के साथ बनाए गए इनपुट तत्वों को प्रोग्रामेटिक रूप से कैसे भरें?

Question

मुझे रिएक्ट के साथ बनाई गई क्रॉलिंग वेबसाइट के साथ काम सौंपा गया है। मैं इनपुट फ़ील्ड भरने और पेज पर जावास्क्रिप्ट इंजेक्ट्स का उपयोग करके फॉर्म जमा करने की कोशिश कर रहा हूं (या तो सेल में सैलेनियम या वेबव्यू)। यह हर दूसरी साइट + तकनीक पर एक आकर्षण की तरह काम करता है लेकिन प्रतिक्रिया वास्तविक दर्द प्रतीत होती है।

इसलिए यहाँ एक नमूना कोड

var email = document.getElementById('email'); 
email.value = 'example@mail.com'; 

मैं डोम इनपुट तत्व पर मूल्य परिवर्तन है, लेकिन प्रतिक्रिया परिवर्तन घटना को गति प्रदान नहीं करता है।

मैं राज्य अद्यतन करने के लिए प्रतिक्रिया प्राप्त करने के लिए अलग अलग तरीकों की अधिकता की कोशिश कर रहा हूँ।

var event = new Event('change', { bubbles: true }); 
email.dispatchEvent(event); 

कोई लाभ नहीं हुआ

var event = new Event('input', { bubbles: true }); 
email.dispatchEvent(event); 

काम नहीं कर रहा

काम नहीं कर रहा

मैं बातचीत प्रतिक्रिया के साथ इतना मुश्किल बना दिया गया है विश्वास नहीं कर सकता। मै किसी भी सहायता के लिए बहुत आभारी रहूँगा।

आप

Answer 1

प्रतिक्रिया पाठ क्षेत्रों के input घटना के लिए सुन रहा है धन्यवाद।

आप मूल्य बदल सकते हैं और मैन्युअल रूप से एक इनपुट घटना ट्रिगर, और प्रतिक्रिया के onChange हैंडलर ट्रिगर किया जाएगा:

class Form extends React.Component { 
 
    constructor(props) { 
 
    super(props) 
 
    this.state = {value: ''} 
 
    } 
 
    
 
    handleChange(e) { 
 
    this.setState({value: e.target.value}) 
 
    console.log('State updated to ', e.target.value); 
 
    } 
 
    
 
    render() { 
 
    return (
 
     <div> 
 
     <input 
 
      id='textfield' 
 
      value={this.state.value} 
 
      onChange={this.handleChange.bind(this)} 
 
     /> 
 
     <p>{this.state.value}</p> 
 
     </div>  
 
    ) 
 
    } 
 
} 
 

 
ReactDOM.render(
 
    <Form />, 
 
    document.getElementById('app') 
 
) 
 

 
document.getElementById('textfield').value = 'foo' 
 
const event = new Event('input', { bubbles: true }) 
 
document.getElementById('textfield').dispatchEvent(event)

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 

 
<div id='app'></div>