ITPub博客

首页 > IT职业 > IT职场 > react js学习手记:状态与属性实战

react js学习手记:状态与属性实战

IT职场 作者:xzwsun 时间:2021-09-09 08:58:00 0 删除 编辑

例
创建Content

import React, { Component } from 'react';

class Content extends Component {

    constructor(props) {
        super(props);
    }

    render(){
        return 

{this.props.selectName}content

} } export default Content;

创建comment

import React, { Component } from 'react';
import Content from './Content';

class Comment extends Component {

    constructor(props) {
        super(props);
        this.state = {names: ["张小张","3333","2332"]
        ,selectName: '找小夏'};
        this.handleSelect = this.handleSelect.bind(this)

    }

    handleSelect(event){
        this.setState({selectName:event.target.value,
        });
    }
    render(){
        var options = [];
        for(var option in this.state.names){
            console.log(this.state.names[option]);
            options.push()
        }
        console.log(options.toString())
        return 
} } export default Comment;

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2567/viewspace-2807508/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    100
  • 访问量
    923