import React,{ Component } from 'react';'
class SearchBar extends Component {
constructor(props){
super(props);
this.state = {term : ''};
}
render() {
return <input onChange={event => this.setState( { term:event.target.value } )} />;
}
}
export default SearchBar;這里的props指的是什么？怎么理解？
3 回答
慕村225694
TA貢獻1880條經驗 獲得超4個贊
JSX:
ReactDOM.render(<SearchBar placeHolder='搜索' />,document.querySelector('.app'));JS:
ReactDOM.render(SearchBar({placeHolder:'搜索'}),document.querySelector('.app'));placeHolder屬性會傳入組件的props對象內--->{placeHolder:'搜索'}
智慧大石
TA貢獻1946條經驗 獲得超3個贊
這是一個屬性的集合，元素為當前組件的所有屬性的鍵值對
例如你在渲染組件時使用這樣語法：
<SearchBar name="search" a="a" b="b"/>
那么props就是：
props: {
name:search,
a:a,
b:b}添加回答
舉報
0/150
提交
取消