关于react的问题

Question

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指的是什么？怎么理解？

Answer 1

props不是数组，是对象。就是组件从外部获得的props，和你在其他地方写的this.props是一个东西

Answer 2

JSX:ReactDOM.render(<SearchBar&nbsp;placeHolder='搜索'&nbsp;/>,document.querySelector('.app'));JS:ReactDOM.render(SearchBar({placeHolder:'搜索'}),document.querySelector('.app'));placeHolder属性会传入组件的props对象内--->{placeHolder:'搜索'}

Answer 3

这是一个属性的集合，元素为当前组件的所有属性的键值对例如你在渲染组件时使用这样语法：<SearchBar&nbsp;name="search"&nbsp;a="a"&nbsp;b="b"/>那么props就是：props:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;name:search,&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;a:a,&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;b:b}