Проверки передаются элементу в validationRules prop, как указано ниже
<Input
placeholder="Phone Number"
validationRules={[ required ]}
onChange={this.updateSearchParams.bind(this, 'phoneNumber')}
/>
Правило проверки - это, в основном, функция, а validationRules - это массив функций.Правило require выглядит следующим образом:
export const required = (value: string) => {
if (!value.toString().trim().length) {
return false
}
return true
};
Приложение реакции работает отлично, но когда я запускаю сборник рассказов, файл выдает ошибку типа
Uncaught SyntaxError: Неверный или неожиданный токен
Сборник рассказов работает без проверки правильности* module.exports = ({ config }) => {
config.module.rules.push({
test: /\.(ts|tsx)$/,
include: [SRC_PATH],
use: [
{
loader: require.resolve('babel-loader'),
options: {
presets: [['react-app', { flow: false, typescript: true }]],
},
},
{
loader: require.resolve('awesome-typescript-loader'),
options: {
configFileName: './.storybook/tsconfig.json'
}
},
// Optional
{
loader: require.resolve('react-docgen-typescript-loader'),
},
],
});
config.plugins.push(new TSDocgenPlugin());
config.resolve.extensions.push('.ts', '.tsx');
return config;
};
Нужна ли здесь дополнительная конфигурация?