将其中一个孩子的变化传达给父母的父母

 无谓__ 发布于 2023-02-08 12:04

这就是我的"层次结构"看起来的样子:

Game
    Table
        TableRow
            Cell

单击一个单元格时,我想从Game运行一个方法.React的设计与我以前的设计略有不同,我无法将我的想法转变为将Cell的变化传达给Game.最好的方法是什么?

仅供参考,我正在尝试在React.js中创建Ultimate TTT.

1 个回答
  • 你可以做的是将指向Game函数的指针作为属性传递给Child组件.例如:

    var Game = React.createClass({
        gameFunction: function() {
            alert('gameFunction()');
        },
        render: function() {
            return (
                <div className="game">
                    <h1>Game</h1>
                    <Table gameFunction={this.gameFunction} />
                </div>
            );
        }
    });
    
    var Table = React.createClass({
        render: function() {
            return (
                <div className="table">
                    <table>
                        <tr>
                            <td onClick={this.props.gameFunction}>Cell</td>
                        </tr>
                    </table>
                </div>
            );
        }
    });
    

    话虽这么说,我对React来说是全新的,我不确定这是否是实现这一目标的正确方法!

    2023-02-08 12:07 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有