Prefer boolean attributes notation in JSX JS-0400
Value must be omitted for boolean attribute
value 16 return (
17 <Radio.Group<FormSchema> name='boolean' control={control}>
18 <Group>
19 <Radio.Item value={true} label='True/Yes' /> 20 <Radio.Item value={false} label='False/No' />
21 </Group>
22 </Radio.Group>Value must be omitted for boolean attribute
shouldUnescape103 i18nKey='breadcrumb.back-to-dynamic'
104 ns='common'
105 values={{ page }}
106 shouldUnescape={true}107 components={{ u: <u>.</u> }}
108 />
109 )Value must be omitted for boolean attribute
shouldUnescape122 </Link>
123 ),
124 }}
125 shouldUnescape={true}126 />
127 <Space h={8} />
128 <TransValue must be omitted for boolean attribute
useLoggedIn 68 })}
69 >
70 <Stack align='flex-start' spacing='xl'>
71 <UserAvatar useLoggedIn={true} avatarSize={48} /> 72 <Rating {...form.getInputProps('rating')} />
73 <Textarea
74 label={t('review-resource')}Value must be omitted for boolean attribute
loading 58 if (initialLoad || forceLoading || !ready) {
59 return (
60 <Stack spacing='xl' w='100%'>
61 <UserAvatar loading={true} /> 62 <Stack className={classes.reviewText} spacing={8}>
63 <Skeleton variant={variants.Skeleton.text} width='100%' />
64 <Skeleton variant={variants.Skeleton.text} width='100%' />
Description
When using a boolean attribute in JSX, you can set the attribute value to true or omit the value. This helps to keep consistency in code.
Bad Practice
var Hello = <Hello personal={true} />;
Recommended
var Hello = <Hello personal />;