// родительский компонент
export function Area({ handleIndexClick }) {
const areaOptions = ["Выберите район", "Алмалинский", "Ауэзовский", "Бостандыкский", "Медеуский"]
const areaValues = [0.95, 0.9, 1, 1.10]
return (
<Card title="Район" select={<Select name="areaSelect" selectOptions={areaOptions} selectValues={areaValues} />} handleIndexClick={handleIndexClick} />
)
}
// дочерний компонент где рендерю массивы
export const Select = ({ name, selectOptions, selectValues }) => {
return (
<select name={name} className="custom-select">
{selectValues.map(value => (
<option key={value} value={value}>{selectOptions.map(option => option)}</option>
))}
</select>
)
}
export function Area({ handleIndexClick }) {
const areaOptions = ["Выберите район", "Алмалинский", "Ауэзовский", "Бостандыкский", "Медеуский"]
const areaValues = [0.95, 0.9, 1, 1.10]
return (
<Card title="Район" select={<Select name="areaSelect" selectOptions={areaOptions} selectValues={areaValues} />} handleIndexClick={handleIndexClick} />
)
}
а какие советы можете дать чтобы этот код был поддерживаемым? SASS использовать или дело не в этом?))