onChange 事件来监听 input 的变化，并修改 state大纲可视化

React 表单与事件
本章节我们将讨论如何在 React 中使用表单。

HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。

在 HTML 当中，像 <input>, <textarea>, 和 <select> 这类表单元素会维持自身状态，并根据用户输入进行更新。但在React中，可变的状态通常保存在组件的状态属性中，并且只能用 setState() 方法进行更新。

一个简单的实例
在实例中我们设置了输入框 input 值 value = {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件来监听 input 的变化，并修改 state。

React 实例
class HelloMessage extends React.Component {
constructor(props) {
super(props);
this.state = {value: 'Hello Runoob!'};
this.handleChange = this.handleChange.bind(this);
}

handleChange(event) {
this.setState({value: event.target.value});
}
render() {
var value = this.state.value;
return <div>
<input type="text" value={value} onChange={this.handleChange} />
<h4>{value}</h4>
</div>;
}
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<HelloMessage />
);

尝试一下 »
上面的代码将渲染出一个值为 Hello Runoob! 的 input 元素，并通过 onChange 事件响应更新用户输入的值。

实例 2
在以下实例中我们将为大家演示如何在子组件上使用表单。 onChange 方法将触发 state 的更新并将更新的值传递到子组件的输入框的 value 上来重新渲染界面。

你需要在父组件通过创建事件句柄 (handleChange) ，并作为 prop (updateStateProp) 传递到你的子组件上。

React 实例
class Content extends React.Component {
render() {
return (
<div>
<input type="text" value={this.props.myDataProp} onChange={this.props.updateStateProp} />
<h4>{this.props.myDataProp}</h4>
</div>
);
}
}

class HelloMessage extends React.Component {
constructor(props) {
super(props);
this.state = { value: 'Hello Runoob!' };
this.handleChange = this.handleChange.bind(this);
}

handleChange(event) {
this.setState({ value: event.target.value });
}

render() {
var value = this.state.value;
return (
<div>
<Content myDataProp={value} updateStateProp={this.handleChange} />
</div>
);
}
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<HelloMessage />);

尝试一下 »
Select 下拉菜单
在 React 中，不使用 selected 属性，而在根 select 标签上用 value 属性来表示选中项。

React 实例
class FlavorForm extends React.Component {
constructor(props) {
super(props);
this.state = {value: 'coconut'};

this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}

handleChange(event) {
this.setState({value: event.target.value});
}

handleSubmit(event) {
alert('Your favorite flavor is: ' + this.state.value);
event.preventDefault();
}

render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
选择您最喜欢的网站
<select value={this.state.value} onChange={this.handleChange}>
<option value="gg">Google</option>
<option value="rn">Runoob</option>
<option value="tb">Taobao</option>
<option value="fb">Facebook</option>
</select>
</label>
<input type="submit" value="提交" />
</form>
);
}
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<FlavorForm />
);

尝试一下 »
多个表单
当你有处理多个 input 元素时，你可以通过给每个元素添加一个 name 属性，来让处理函数根据 event.target.name 的值来选择做什么。

React 实例
class Reservation extends React.Component {
constructor(props) {
super(props);
this.state = {
isGoing: true,
numberOfGuests: 2
};

this.handleInputChange = this.handleInputChange.bind(this);
}

handleInputChange(event) {
const target = event.target;
const value = target.type === 'checkbox' ? target.checked : target.value;
const name = target.name;

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

render() {
return (
<form>
<label>
是否离开:
<input
name="isGoing"
type="checkbox"
checked={this.state.isGoing}
onChange={this.handleInputChange} />
</label>
<br />
<label>
访客数:
<input
name="numberOfGuests"
type="number"
value={this.state.numberOfGuests}
onChange={this.handleInputChange} />
</label>
</form>
);
}
}

尝试一下 »
React 事件
以下实例演示通过 onClick 事件来修改数据：

React 实例
class HelloMessage extends React.Component {
constructor(props) {
super(props);
this.state = {value: 'Hello Runoob!'};
this.handleChange = this.handleChange.bind(this);
}

handleChange(event) {
this.setState({value: '菜鸟教程'})
}
render() {
var value = this.state.value;
return <div>
<button onClick={this.handleChange}>点我</button>
<h4>{value}</h4>
</div>;
}
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<HelloMessage />
);

尝试一下 »
当你需要从子组件中更新父组件的 state 时，你需要在父组件通过创建事件句柄 (handleChange) ，并作为 prop (updateStateProp) 传递到你的子组件上。实例如下：

React 实例
class Content extends React.Component {
render() {
return <div>
<button onClick = {this.props.updateStateProp}>点我</button>
<h4>{this.props.myDataProp}</h4>
</div>
}
}
class HelloMessage extends React.Component {
constructor(props) {
super(props);
this.state = {value: 'Hello Runoob!'};
this.handleChange = this.handleChange.bind(this);
}
handleChange(event) {
this.setState({value: '菜鸟教程'})
}
render() {
var value = this.state.value;
return <div>
<Content myDataProp = {value}
updateStateProp = {this.handleChange}></Content>
</div>;
}
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<HelloMessage />
);

尝试一下 »
React AJAXReact Refs

1 篇笔记写笔记
杨笑

117***1030@qq.com

51
父组件和子组件都用表单:

class HelloMessageChild extends React.Component {
render(){
return <div>
<input type="text" value={this.props.myDataProp} onChange={this.props.updateStateProp} />
<h4>子组件显示：{this.props.myDataProp}</h4>
</div>;
}
}
class HelloMessage extends React.Component {
constructor(props) {
super(props);
this.state = {value: '父组件',value1:"子组件"};
this.handleChange = this.handleChange.bind(this);
this.handleChange1 = this.handleChange1.bind(this);
}

handleChange(event) {
this.setState({value: event.target.value});
}
handleChange1(event) {
this.setState({value1: event.target.value});
}
render() {
var value = this.state.value;
var value1 = this.state.value1;
return <div>
<table><tbody>
<tr>
<td>
<input type="text" value={value} onChange={this.handleChange} />
<h4>父组件显示：{value}</h4>
</td>
<td>
<HelloMessageChild myDataProp = {value1} updateStateProp = {this.handleChange1} />
</td>
</tr>
</tbody></table>
</div>;
}
}
ReactDOM.render(
<HelloMessage />,
document.getElementById('formexmple')
);

https://avg.163.com/topic/detail/8769951
https://avg.163.com/topic/detail/8770129
https://avg.163.com/topic/detail/8769718
https://avg.163.com/topic/detail/8769885
https://avg.163.com/topic/detail/8770022
https://avg.163.com/topic/detail/8770137
https://avg.163.com/topic/detail/8769683
https://avg.163.com/topic/detail/8769760
https://avg.163.com/topic/detail/8769990
https://avg.163.com/topic/detail/8769613
https://avg.163.com/topic/detail/8770175
https://avg.163.com/topic/detail/8769888
https://avg.163.com/topic/detail/8769931
https://avg.163.com/topic/detail/8770132
https://avg.163.com/topic/detail/8769866
https://avg.163.com/topic/detail/8769965
https://avg.163.com/topic/detail/8770159
https://avg.163.com/topic/detail/8769693
https://avg.163.com/topic/detail/8769894
https://avg.163.com/topic/detail/8770112
https://avg.163.com/topic/detail/8769704
https://avg.163.com/topic/detail/8769831
https://avg.163.com/topic/detail/8769959
https://avg.163.com/topic/detail/8770119
https://avg.163.com/topic/detail/8769688
https://avg.163.com/topic/detail/8769815
https://avg.163.com/topic/detail/8769987
https://avg.163.com/topic/detail/8770150
https://avg.163.com/topic/detail/8769666
https://avg.163.com/topic/detail/8769769
https://avg.163.com/topic/detail/8770005
https://avg.163.com/topic/detail/8770145
https://avg.163.com/topic/detail/8769676
https://avg.163.com/topic/detail/8769772
https://avg.163.com/topic/detail/8769983
https://avg.163.com/topic/detail/8770169
https://avg.163.com/topic/detail/8769670
https://avg.163.com/topic/detail/8769804
https://avg.163.com/topic/detail/8769946
https://avg.163.com/topic/detail/8770160
https://avg.163.com/topic/detail/8769714
https://avg.163.com/topic/detail/8769761
https://avg.163.com/topic/detail/8770016
https://avg.163.com/topic/detail/8770144
https://avg.163.com/topic/detail/8769701
https://avg.163.com/topic/detail/8769773
https://avg.163.com/topic/detail/8769935
https://avg.163.com/topic/detail/8770130
https://avg.163.com/topic/detail/8769663
https://avg.163.com/topic/detail/8769756
https://avg.163.com/topic/detail/8769953
https://avg.163.com/topic/detail/8770165
https://avg.163.com/topic/detail/8769708
https://avg.163.com/topic/detail/8769765
https://avg.163.com/topic/detail/8769939
https://avg.163.com/topic/detail/8770096
https://avg.163.com/topic/detail/8769644
https://avg.163.com/topic/detail/8769778
https://avg.163.com/topic/detail/8770040
https://avg.163.com/topic/detail/8770173
https://avg.163.com/topic/detail/8769648
https://avg.163.com/topic/detail/8769838
https://avg.163.com/topic/detail/8770010
https://avg.163.com/topic/detail/8770148
https://avg.163.com/topic/detail/8769627
https://avg.163.com/topic/detail/8769821
https://avg.163.com/topic/detail/8769911
https://avg.163.com/topic/detail/8770133
https://avg.163.com/topic/detail/8769635
https://avg.163.com/topic/detail/8769784
https://avg.163.com/topic/detail/8769994
https://avg.163.com/topic/detail/8770118
https://avg.163.com/topic/detail/8769659
https://avg.163.com/topic/detail/8769897
https://avg.163.com/topic/detail/8769944
https://avg.163.com/topic/detail/8770153
https://avg.163.com/topic/detail/8769640
https://avg.163.com/topic/detail/8769781
https://avg.163.com/topic/detail/8769971
https://avg.163.com/topic/detail/8770186
https://avg.163.com/topic/detail/8769654
https://avg.163.com/topic/detail/8769870
https://avg.163.com/topic/detail/8769948
https://avg.163.com/topic/detail/8770139
https://avg.163.com/topic/detail/8769622
https://avg.163.com/topic/detail/8769791
https://avg.163.com/topic/detail/8770028
https://avg.163.com/topic/detail/8770101
https://avg.163.com/topic/detail/8769614
https://avg.163.com/topic/detail/8769881
https://avg.163.com/topic/detail/8769964
https://avg.163.com/topic/detail/8770122
https://avg.163.com/topic/detail/8769620
https://avg.163.com/topic/detail/8769837
https://avg.163.com/topic/detail/8769958
https://avg.163.com/topic/detail/8770117
https://avg.163.com/topic/detail/8769615
https://avg.163.com/topic/detail/8769876
https://avg.163.com/topic/detail/8769631
https://avg.163.com/topic/detail/8769932
https://avg.163.com/topic/detail/8769860
https://avg.163.com/topic/detail/8770124
https://avg.163.com/topic/detail/8769925
https://avg.163.com/topic/detail/8770103
https://avg.163.com/topic/detail/8769609
https://avg.163.com/topic/detail/8769823
https://avg.163.com/topic/detail/8769916
https://avg.163.com/topic/detail/8770140
https://avg.163.com/topic/detail/8769603
https://avg.163.com/topic/detail/8769776
https://avg.163.com/topic/detail/8769998
https://avg.163.com/topic/detail/8770109
https://avg.163.com/topic/detail/8769596
https://avg.163.com/topic/detail/8769796
https://avg.163.com/topic/detail/8769972
https://avg.163.com/topic/detail/8770157
https://avg.163.com/topic/detail/8770416
https://avg.163.com/topic/detail/8769617
https://avg.163.com/topic/detail/8769800
https://avg.163.com/topic/detail/8769624
https://avg.163.com/topic/detail/8769992
https://avg.163.com/topic/detail/8769832
https://avg.163.com/topic/detail/8770142
https://avg.163.com/topic/detail/8769955
https://avg.163.com/topic/detail/8770412
https://avg.163.com/topic/detail/8770135
https://avg.163.com/topic/detail/8770428
https://avg.163.com/topic/detail/8769612
https://avg.163.com/topic/detail/8769810
https://avg.163.com/topic/detail/8769984
https://avg.163.com/topic/detail/8770095
https://avg.163.com/topic/detail/8770424
https://avg.163.com/topic/detail/8769606
https://avg.163.com/topic/detail/8769764
https://avg.163.com/topic/detail/8769967
https://avg.163.com/topic/detail/8769600
https://avg.163.com/topic/detail/8770099
https://avg.163.com/topic/detail/8769805
https://avg.163.com/topic/detail/8770414
https://avg.163.com/topic/detail/8769607
https://avg.163.com/topic/detail/8769988
https://avg.163.com/topic/detail/8769787
https://avg.163.com/topic/detail/8770166
https://avg.163.com/topic/detail/8769978
https://avg.163.com/topic/detail/8770409
https://avg.163.com/topic/detail/8770108
https://avg.163.com/topic/detail/8770382
https://avg.163.com/topic/detail/8769604
https://avg.163.com/topic/detail/8769789
https://avg.163.com/topic/detail/8769937
https://avg.163.com/topic/detail/8770105
https://avg.163.com/topic/detail/8770398
https://avg.163.com/topic/detail/8769601
https://avg.163.com/topic/detail/8769808
https://avg.163.com/topic/detail/8770020
https://avg.163.com/topic/detail/8770111
https://avg.163.com/topic/detail/8769611
https://avg.163.com/topic/detail/8770405
https://avg.163.com/topic/detail/8769780
https://avg.163.com/topic/detail/8770036
https://avg.163.com/topic/detail/8770094
https://avg.163.com/topic/detail/8769608
https://avg.163.com/topic/detail/8770392
https://avg.163.com/topic/detail/8769801
https://avg.163.com/topic/detail/8770026
https://avg.163.com/topic/detail/8770195
https://avg.163.com/topic/detail/8769619
https://avg.163.com/topic/detail/8770400
https://avg.163.com/topic/detail/8769753
https://avg.163.com/topic/detail/8769919
https://avg.163.com/topic/detail/8770190
https://avg.163.com/topic/detail/8770389
https://avg.163.com/topic/detail/8769598
https://avg.163.com/topic/detail/8769844
https://avg.163.com/topic/detail/8769922
https://avg.163.com/topic/detail/8769593
https://avg.163.com/topic/detail/8770128
https://avg.163.com/topic/detail/8769767
https://avg.163.com/topic/detail/8770386
https://avg.163.com/topic/detail/8769934
https://avg.163.com/topic/detail/8770115
https://avg.163.com/topic/detail/8770395
https://avg.163.com/topic/detail/8769595
https://avg.163.com/topic/detail/8769795
https://avg.163.com/topic/detail/8769942
https://avg.163.com/topic/detail/8770224
https://avg.163.com/topic/detail/8770373
https://avg.163.com/topic/detail/8769610
https://avg.163.com/topic/detail/8769771
https://avg.163.com/topic/detail/8769961
https://avg.163.com/topic/detail/8770091
https://avg.163.com/topic/detail/8770378
https://avg.163.com/topic/detail/8769591
https://avg.163.com/topic/detail/8769759
https://avg.163.com/topic/detail/8770048
https://avg.163.com/topic/detail/8770121
https://avg.163.com/topic/detail/8769583
https://avg.163.com/topic/detail/8770361
https://avg.163.com/topic/detail/8769790
https://avg.163.com/topic/detail/8769941
https://avg.163.com/topic/detail/8770228
https://avg.163.com/topic/detail/8770402
https://avg.163.com/topic/detail/8769605
https://avg.163.com/topic/detail/8769599
https://avg.163.com/topic/detail/8769793
https://avg.163.com/topic/detail/8769855
https://avg.163.com/topic/detail/8769996
https://avg.163.com/topic/detail/8769949
https://avg.163.com/topic/detail/8770205
https://avg.163.com/topic/detail/8770219
https://avg.163.com/topic/detail/8770315
https://avg.163.com/topic/detail/8770420
https://avg.163.com/topic/detail/8769602
https://avg.163.com/topic/detail/8769744
https://avg.163.com/topic/detail/8769954
https://avg.163.com/topic/detail/8770210
https://avg.163.com/topic/detail/8770426
https://avg.163.com/topic/detail/8769594
https://avg.163.com/topic/detail/8769755
https://avg.163.com/topic/detail/8769947
https://avg.163.com/topic/detail/8769597
https://avg.163.com/topic/detail/8770170
https://avg.163.com/topic/detail/8769785
https://avg.163.com/topic/detail/8770407
https://avg.163.com/topic/detail/8769980
https://avg.163.com/topic/detail/8770214
https://avg.163.com/topic/detail/8769590
https://avg.163.com/topic/detail/8770282
https://avg.163.com/topic/detail/8769750
https://avg.163.com/topic/detail/8769926
https://avg.163.com/topic/detail/8769588
https://avg.163.com/topic/detail/8770178
https://avg.163.com/topic/detail/8769814
https://avg.163.com/topic/detail/8770321
https://avg.163.com/topic/detail/8769966
https://avg.163.com/topic/detail/8770085
https://avg.163.com/topic/detail/8770349
https://avg.163.com/topic/detail/8769586
https://avg.163.com/topic/detail/8769777
https://avg.163.com/topic/detail/8770001
https://avg.163.com/topic/detail/8770134
https://avg.163.com/topic/detail/8770304
https://avg.163.com/topic/detail/8769584
https://avg.163.com/topic/detail/8769734
https://avg.163.com/topic/detail/8770031
https://avg.163.com/topic/detail/8770127
https://avg.163.com/topic/detail/8770309
https://avg.163.com/topic/detail/8769580
https://avg.163.com/topic/detail/8769733
https://avg.163.com/topic/detail/8770014
https://avg.163.com/topic/detail/8770189
https://avg.163.com/topic/detail/8770264
https://avg.163.com/topic/detail/8769749
https://avg.163.com/topic/detail/8769974
https://avg.163.com/topic/detail/8770114
https://avg.163.com/topic/detail/8770280
https://avg.163.com/topic/detail/8769570
https://avg.163.com/topic/detail/8769742
https://avg.163.com/topic/detail/8770003
https://avg.163.com/topic/detail/8769573
https://avg.163.com/topic/detail/8770120
https://avg.163.com/topic/detail/8769752
https://avg.163.com/topic/detail/8770000
https://avg.163.com/topic/detail/8770268
https://avg.163.com/topic/detail/8769582
https://avg.163.com/topic/detail/8769775
https://avg.163.com/topic/detail/8769930
https://avg.163.com/topic/detail/8770292
https://avg.163.com/topic/detail/8769569
https://avg.163.com/topic/detail/8769747
https://avg.163.com/topic/detail/8769960
https://avg.163.com/topic/detail/8770289
https://avg.163.com/topic/detail/8769579
https://avg.163.com/topic/detail/8769757
https://avg.163.com/topic/detail/8770008
https://avg.163.com/topic/detail/8770200
https://avg.163.com/topic/detail/8770367
https://avg.163.com/topic/detail/8769575
https://avg.163.com/topic/detail/8769737
https://avg.163.com/topic/detail/8769904
https://avg.163.com/topic/detail/8770276
https://avg.163.com/topic/detail/8769592
https://avg.163.com/topic/detail/8769918
https://avg.163.com/topic/detail/8769589
https://avg.163.com/topic/detail/8770299
https://avg.163.com/topic/detail/8769743
https://avg.163.com/topic/detail/8769924
https://avg.163.com/topic/detail/8770104
https://avg.163.com/topic/detail/8770295
https://avg.163.com/topic/detail/8769587
https://avg.163.com/topic/detail/8769740
https://avg.163.com/topic/detail/8769915
https://avg.163.com/topic/detail/8770184
https://avg.163.com/topic/detail/8770278
https://avg.163.com/topic/detail/8769585
https://avg.163.com/topic/detail/8769827
https://avg.163.com/topic/detail/8769936
https://avg.163.com/topic/detail/8770285
https://avg.163.com/topic/detail/8769581
https://avg.163.com/topic/detail/8769768
https://avg.163.com/topic/detail/8769905
https://avg.163.com/topic/detail/8770284
https://avg.163.com/topic/detail/8769576
https://avg.163.com/topic/detail/8769736
https://avg.163.com/topic/detail/8769952
https://avg.163.com/topic/detail/8770171
https://avg.163.com/topic/detail/8770337
https://avg.163.com/topic/detail/8769577
https://avg.163.com/topic/detail/8769763
https://avg.163.com/topic/detail/8769907
https://avg.163.com/topic/detail/8770354
https://avg.163.com/topic/detail/8769572
https://avg.163.com/topic/detail/8769738
https://avg.163.com/topic/detail/8769956
https://avg.163.com/topic/detail/8770341
https://avg.163.com/topic/detail/8769567
https://avg.163.com/topic/detail/8769751
https://avg.163.com/topic/detail/8769929
https://avg.163.com/topic/detail/8770332
https://avg.163.com/topic/detail/8769564
https://avg.163.com/topic/detail/8769739
https://avg.163.com/topic/detail/8769962
https://avg.163.com/topic/detail/8770279
https://avg.163.com/topic/detail/8769578
https://avg.163.com/topic/detail/8769731
https://avg.163.com/topic/detail/8769927
https://avg.163.com/topic/detail/8770327
https://avg.163.com/topic/detail/8769571
https://avg.163.com/topic/detail/8769782
https://avg.163.com/topic/detail/8769917
https://avg.163.com/topic/detail/8770136
https://avg.163.com/topic/detail/8770281
https://avg.163.com/topic/detail/8769563
https://avg.163.com/topic/detail/8769921
https://avg.163.com/topic/detail/8770273
https://avg.163.com/topic/detail/8769561
https://avg.163.com/topic/detail/8769783
https://avg.163.com/topic/detail/8769943
https://avg.163.com/topic/detail/8770275
https://avg.163.com/topic/detail/8769559
https://avg.163.com/topic/detail/8769762
https://avg.163.com/topic/detail/8770009
https://avg.163.com/topic/detail/8770270
https://avg.163.com/topic/detail/8769758
https://avg.163.com/topic/detail/8769945
https://avg.163.com/topic/detail/8770272
https://avg.163.com/topic/detail/8769565
https://avg.163.com/topic/detail/8769770
https://avg.163.com/topic/detail/8769969
https://avg.163.com/topic/detail/8770267
https://avg.163.com/topic/detail/8769568
https://avg.163.com/topic/detail/8769754
https://avg.163.com/topic/detail/8769914
https://avg.163.com/topic/detail/8770265
https://avg.163.com/topic/detail/8769562
https://avg.163.com/topic/detail/8769748
https://avg.163.com/topic/detail/8769938
https://avg.163.com/topic/detail/8770262
https://avg.163.com/topic/detail/8769732
https://avg.163.com/topic/detail/8769913
https://avg.163.com/topic/detail/8770269
https://avg.163.com/topic/detail/8769735
https://avg.163.com/topic/detail/8769950
https://avg.163.com/topic/detail/8770266
https://avg.163.com/topic/detail/8769726
https://avg.163.com/topic/detail/8769920
https://avg.163.com/topic/detail/8770261
https://avg.163.com/topic/detail/8769727
https://avg.163.com/topic/detail/8769933
https://avg.163.com/topic/detail/8770263
https://avg.163.com/topic/detail/8769555
https://avg.163.com/topic/detail/8769730
https://avg.163.com/topic/detail/8769746
https://avg.163.com/topic/detail/8769910
https://avg.163.com/topic/detail/8769906
https://avg.163.com/topic/detail/8770260
https://avg.163.com/topic/detail/8770274
https://avg.163.com/topic/detail/8769553
https://avg.163.com/topic/detail/8769724
https://avg.163.com/topic/detail/8769908
https://avg.163.com/topic/detail/8770092
https://avg.163.com/topic/detail/8770277
https://avg.163.com/topic/detail/8769552
https://avg.163.com/topic/detail/8769725
https://avg.163.com/topic/detail/8769903
https://avg.163.com/topic/detail/8770080
https://avg.163.com/topic/detail/8770258
https://avg.163.com/topic/detail/8769550
https://avg.163.com/topic/detail/8769774
https://avg.163.com/topic/detail/8769551
https://avg.163.com/topic/detail/8769928
https://avg.163.com/topic/detail/8769729
https://avg.163.com/topic/detail/8770257
https://avg.163.com/topic/detail/8769549
https://avg.163.com/topic/detail/8769741
https://avg.163.com/topic/detail/8769912
https://avg.163.com/topic/detail/8770098
https://avg.163.com/topic/detail/8770259
https://avg.163.com/topic/detail/8769909
https://avg.163.com/topic/detail/8770271
https://avg.163.com/topic/detail/8769547
https://avg.163.com/topic/detail/8769728
https://avg.163.com/topic/detail/8769923
https://avg.163.com/topic/detail/8770079
https://avg.163.com/topic/detail/8770255
https://avg.163.com/topic/detail/8769546
https://avg.163.com/topic/detail/8769779
https://avg.163.com/topic/detail/8769540
https://avg.163.com/topic/detail/8769902
https://avg.163.com/topic/detail/8769541
https://avg.163.com/topic/detail/8770256
https://avg.163.com/topic/detail/8769542
https://avg.163.com/topic/detail/8769543
https://avg.163.com/topic/detail/8769544