https://github.com/eugenepokalyuk/react-selsup
Implementation of the Param Editor component for editing and managing product parameters
https://github.com/eugenepokalyuk/react-selsup
react typesctipt
Last synced: 2 months ago
JSON representation
Implementation of the Param Editor component for editing and managing product parameters
- Host: GitHub
- URL: https://github.com/eugenepokalyuk/react-selsup
- Owner: eugenepokalyuk
- Created: 2024-01-22T14:57:12.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-22T16:20:06.000Z (over 2 years ago)
- Last Synced: 2025-06-06T23:38:56.184Z (about 1 year ago)
- Topics: react, typesctipt
- Language: TypeScript
- Homepage:
- Size: 325 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Описание задания от компании SelSup
Есть следующие структуры данных, описывающих товар – интерфейс Model и набор параметров этого товара. Необходимо реализовать на React компоненты, которые позволяют редактировать структуру Model – проставлять значения параметров при этом параметры должны выводиться все и сразу должны быть доступны для редактирования, а переданные значения в структуре проставлены в форме редактирования, которые передаются в params: Param[], а так же позволяют получить полную структуру в методе getModel() – содержащую все проставленные значения параметров. Решение должно быть легко расширяемым (например, позволять легко добавлять новые типы параметров – не только текстовые, но например числовые или со списком значений) Ваша реализация должна работать только с текстовыми параметрами Input – тип string.
```typescript
interface Param {
id: number;
name: string;
type: ‘string’;
}
```
```typescript
interface ParamValue {
paramId: number;
value: string;
}
```
```typescript
interface Model {
paramValues: ParamValue[];
colors: Color[];
}
```
```typescript
interface Props {
params: Param[];
model: Model;
}
```
```javascript
class ParamEditor extends React.Component {
public getModel(): Model {
}
}
```
Пример структуры:
params:
```JSON
[
{
"id": 1,
"name": "Назначение"
},
{
"id": 2,
"name": "Длина"
}
]
```
model:
```JSON
{
"paramValues": [
{
"paramId": 1,
"value": "повседневное"
},
{
"paramId": 2,
"value": "макси"
}
]
}
```