react组件。给父组件定义data，点击其子div如何获取其父组件data

Question

newslistclick(e) {
    console.log(e.target.dataset)
}

<div key={item.newsId} data-newslistid={item.newsId} onClick={this.newslistclick.bind(this)} >
<div>
</div>
</div>

Answer 1

你这描述太模糊了，你看看是那种情况

class List extends React.Component{
                constructor(){
                    super();
                }
                getulid(){
                    console.log(this.refs.ul.getAttribute("data-id"));
                }
                render(){
                    var arr = [1,2,3];
                    return(
                        <ul data-id="myul" ref="ul">
                        {
                            arr.map((item,index)=>{
                                return <Li data-id={item} key={index} val={item} getulid={this.getulid.bind(this)}/>
                            })
                        }
                        </ul>
                    )
                }
            }
            class Li extends React.Component{
                constructor(props){
                    super(props);
                }
                showid(e){
                    console.log(e.target.id);
                    this.props.getulid();
                }
                render(){
                    return(
                        <li id={this.props["data-id"]} onClick={this.showid.bind(this)}>我是{this.props.val}</li>
                    )
                }
            }
            ReactDOM.render(
                <List />,
                document.getElementById('box')
            )