最近开始复习react内容，看到这块的时候想起来以前也没用过，就写了一个小例子看看，代码如下

import React from 'react';

class Tip extends React.Component{
    render() {
        const pos = this.props.pos;
        console.log('ps', pos)
        return (
            

                
{pos.title}
                
{pos.content}
            
        )
    }
}


class Btn extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
            left: '200px',
            top: '50px',
            vis: 'hidden',
            title: '这是title',
            content: '这是content'
        }
        this.clickBtn = this.clickBtn.bind(this)
    }

    clickBtn() {
        let viss = this.state.vis === 'hidden' ?  'visible' : 'hidden';
        this.setState({
            vis: viss
        })
    }

    render() {
        return (
            
this.clickBtn}>
                点击按钮
                {this.props.render(this.state)}
            
        )
    }
}

class TipShow extends React.Component{
    render() {
        
        return (
            <>
                 {
                    console.log(pos)
                    return 
                }}>
                    
                
            
        )
    }
}

export default TipShow