Отбросьте проблему: целевая ссылка возвращает ноль - PullRequest
Новая
       25

Отбросьте проблему: целевая ссылка возвращает ноль

0 голосов
/ 13 октября 2019

Я пытаюсь добавить ссылку React на компонент NavbarTop и использовать ее в качестве свойства цели компонента Drop (нативный компонент из среды Grommet), но цель возвращает нулевое значение, как мы видим: Отладочная печать

Код: 

class App extends Component {
  constructor(props) {
    super(props);
    this.changeState = this.changeState.bind(this);
    this.navbar = createRef();
  }

  state = {
    showSidebar: false
  };

  changeState() {
    this.setState({
      showSidebar: !this.state.showSidebar
    });
  }
  render() {
    const { showSidebar } = this.state;
    return (
      <Grommet theme={theme} full>
        <ResponsiveContext.Consumer>
          {size => (
            <Box fill>
              <Grid
                columns={["minmax(0, 1fr)", "medium"]}
                rows={["small", "minmax(0, 1fr)"]}
                gap="small"
                fill="true"
                areas={[
                  { name: "nav", start: [1, 0], end: [1, 0] },
                  { name: "main", start: [0, 1], end: [1, 1] }
                ]}
              >
                <NavbarTop
                  ref={this.navbar}
                  handler={this.changeState}
                ></NavbarTop>
                <Drop target={this.navbar.current}>
                  <Image
                    gridArea="nav"
                    fit="contain"
                    alignSelf="center"
                    src="./bg_navbar.svg"
                    alt=""
                  />
                </Drop>
...
...