javascript - 关于react的问题
高洛峰
高洛峰 2017-04-11 13:24:58
[JavaScript讨论组]
import React,{ Component } from 'react';

class SearchBar extends Component {
    constructor(props){
        super(props);

        this.state = {term : ''};
    }
    render() {
        return  this.setState( { term:event.target.value } )} />;
    }

}



export default SearchBar;

这里的props指的是什么?怎么理解?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(3)
天蓬老师

这是一个属性的集合,元素为当前组件的所有属性的键值对

例如你在渲染组件时使用这样语法:

<SearchBar name="search" a="a" b="b"/>

那么props就是:

props: {
    
    name:search,
    a:a,
    b:b

}
PHP中文网

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

巴扎黑

JSX:

    ReactDOM.render(<SearchBar placeHolder='搜索' />,document.querySelector('.app'));

JS:

    ReactDOM.render(SearchBar({placeHolder:'搜索'}),document.querySelector('.app'));

placeHolder属性会传入组件的props对象内--->{placeHolder:'搜索'}

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号