获取XHPChild的子节点

Question

我正试图将我的网站移动到Hack和XHP，当然。下面是我想要实现的代码结构的结构:

<ui:backstageHeader>
  <ui:backstageHeader-navItem href="/">stories</ui:backstageHeader-navItem>
  <ui:backstageHeader-navItem href="/story/send">send a story</ui:backstageHeader-navItem>
  <ui:backstageHeader-navItem href="/aboutus">support</ui:backstageHeader-navItem>
</ui:backstageHeader>

(注意: :ui:backstageHeader-navItem基本上渲染到<a href={$this->:href}>{$this->getCHildren}</a>，所以不需要在这里附加它的类。)

以下是:ui:backstageHeader的代码:

final class :ui:backstageHeader extends :ui:base {
  attribute :div;
  children (:ui:backstageHeader-navItem)*;
  protected function compose() {
    $dom =
    <section class="backstage-header">
      <div class="container">
        <div class="cell-logo">
          <a href="/">
            <span class="no23-logo-white"></span>
          </a>
        </div>
        <div class="cell-navigation">
        </div>
        <div class="cell-account">
          <div class="cell-login">
            <div id="siteNav-login">Autentificare</div>
          </div>
        </div>
      </div>
    </section>;
    $mainContainer = $dom->getChildren("div")[0];
    $cellNavigation = $mainContainer->getChildren("div")[1];
    $navItems = <ul class="main-navigation"></ul>;
    foreach($this->getChildren() as $child) {
      $navItems->appendChild(<li>{$child}</li>);
    }
    $dom->appendChild($navItems);
    return $dom;
  }
}

我用终端用hhvm -m d <file.php>调试我的代码，一切正常;然而，当我到达我的浏览器，我得到500错误头。日志显示如下:

Catchable fatal error: Hack type error: Could not find method getChildren in an object of type XHPChild at /var/www/res/ui/backstage-header.php line 25

错误来自

$cellNavigation = $mainContainer->getChildren("div")[1];

但是，不知何故，我需要将ul.main-navigation从section.backstage-header添加到div.cell-navigation。

我该怎么做?

Answer 1

不要这样组织你的代码。从内到外构建它，这样你就不必做大量的不可读的getChildren调用来寻找特定的孩子。这些调用非常难以阅读，并且在更改XHP的结构时非常不灵活。你不会在JS DOM中做像node.firstChild.lastChild.lastChild.firstChild这样的事情，对吗?不，JS中有更好的方法，通过类或ID找到东西;在XHP中，您可以首先以正确的方式构建它!

我会给你一个例子，但它看起来不像你真的使用 $mainContainer或$cellNavigation，所以你可以删除这两个有问题的定义。

作为题外话，你真的不应该从HHVM中获得可捕获的致命类型错误;这是最后的手段。尝试直接运行hh_client检查器，甚至可能在您的IDE中显示其结果;它将给你一个更快的迭代周期，和更多的信息比HHVM提供。

Answer 2

根据我的经验，appendChild很容易出现人为错误。更简单的做法是:

$items = (new Vector($this->getChildren()))->map($child ==> <li>{$child}</li>);
return <div id="container">{$items}</div>;

如果你想在<li /> .

Answer 3

专业提示:您可以从XHP树中分配变量。

$root =
  <div>
    {$child = <span>
      Text children
    </span>}
  </div>;

现在$child已经被设置为<span>元素