在React中，可以通过使用受控组件和非受控组件来收集表单数据。

对于受控组件，可以通过将表单的输入元素与组件的state进行绑定，然后使用onChange事件处理函数来更新state。当用户在输入框中输入文本时，onChange事件处理函数会被触发，从而更新state中的值。例如：

import React, { Component } from 'react';



class Form extends Component {

constructor(props) {

super(props);

this.state = {

username: '',

password: ''  

};

}



handleSubmit = (event) => {

event.preventDefault();

const username = this.state.username;

const password = this.state.password;

console.log('Username:', username);

console.log('Password:', password);

}



handleChange = (event) => {

const { name, value } = event;

this.setState({ [name]: value });

}



render() {

return (

<form onSubmit={this.handleSubmit}>  

<input type="text" name="username" value={this.state.username} onChange={this.handleChange} />  

<input type="password" name="password" value={this.state.password} onChange={this.handleChange} />  

<button type="submit">Submit</button>  

</form>  

);

}

}

在上面的例子中，我们将表单的输入元素与组件的state中的username和password进行了绑定。当用户在输入框中输入文本时，handleChange函数会被触发，从而更新state中的值。在handleSubmit函数中，我们可以通过this.state来获取表单中的数据。