小编Ami*_*pal的帖子

我在一个子组件中使用 useFormContext 。这是它的代码：

const { register } = useFormContext<CustomerProfileFormData>();

我如何模拟 useFormContext 以便我可以测试子组件。这是测试

it('should render properly', () => {
    render(<AddressDetails isEdit={false} />);
    expect(screen.getByTestId('address-details')).toBeInTheDocument();
});

我收到此错误 TypeError: Cannot destruct property 'register' of '(0 , _reactHookForm.useFormContext)(...)' 因为它是 null.Jest。

这是有道理的，因为我没有模拟 useFormContext 。我怎样才能模拟它？任何帮助将不胜感激。

我正在使用反应表。我正在调用 API (.NET) 上的一个方法，该方法连接一些字段，现在我需要在反应表列中显示这个连接字段。

我尝试从 API 中放入/n该列，以便它在 UI 上（在反应表内）呈现一个新行。但没有运气。示例：我需要显示

该字段是通过将两个数字 10 和 20 相加计算得出的。由于结果大于 15，因此无法执行此操作。

在显示的文本中，我想要的是“Since”应该在反应表中的新行中开始。

我试图把{'\n'}“Since”放在前面，但没有成功。有什么想法如何实现这一目标？