bug: advance matching in the route create page causes the page to crash

[bzp2010]

Issue description

When we create an advanced match rule in a route, the page will crash if the reverse setting is not adjusted.

Based on the occurrence conditions, it is presumed that the default value of the reverse field is not set correctly. At that point, executing toString on a null value will result in a JS error.

apisix-dashboard/web/src/pages/Route/components/Step1/MatchingRulesView.tsx

Lines 148 to 152 in 1fa5df3

	{
	title: formatMessage({ id: 'page.route.reverse' }),
	key: 'reverse',
	render: (text: RouteModule.MatchingRule) => text.reverse.toString(),
	},

Expected behavior

correct operation

How to Reproduce

1. go to route create page
2. create a advance matching rule that not change reverse field (don't click it)
3. click confirm
4. page crashed

Screenshots

No response

Environment

• apisix-dashboard version, if have: 2.11.0

Additional context

No response

[Si-ege]

I want to try to finish