Как реализуешь отображение данных в разных форматах

Для отображения данных в разных форматах можно использовать условный рендеринг или отдельные компоненты. Например: ```jsx function DataDisplay({ data, format }) { if (format === 'table') { return ( {data.map(item => (

{item.name}

{item.value} ))} ) } if (format === 'list') { return (

{data.map(item => (
• {item.name}: {item.value}
))}

) } return } ``` Альтернативно можно использовать стратегию с компонентами-презентерами: ```jsx const formatComponents = { table: TableView, list: ListView, json: JsonView } function DataDisplay({ data, format }) { const ViewComponent = formatComponents[format] || JsonView return } ``` Такой подход обеспечивает гибкость и легкость добавления новых форматов.