访问props（）。x返回未定义

Question

I'm using the create-react-app typescript starter and I noticed props are not working. Am I doing something wrong?

import * as enzyme from "enzyme";
import * as React from "react";
import Box from "./Box";

describe("Box component", () => {
  let wrapper: any;

  beforeEach(() => {
    wrapper = enzyme.shallow(<Box x={0} y={2} />);
  });

  it("should not render without x", () => {
    expect(wrapper.props().x).toBe(0);
  });
});

And this is the error I'm getting.

expect(received).toBe(expected) // Object.is equality

    Expected value to be:
      0
    Received:
      undefined

    Difference:

Answer 1

it("should not render without x", () => {
    expect(wrapper.prop('x')).toBe(0);
  });

Use prop() instead of props()