javascript - 关于react的问题

问题描述

问 题

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

解决方案

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

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

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

那么props就是：

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

}

这篇关于javascript - 关于react的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！