да, на тс пишу. Буду тестить, надеюсь не будет проблем с их интерфейсами

Я в bar chart  в label кидал пропсы для Label, они работали, но к сожалению ts не переносил такое

подскажите...как мне уже в готовую вертску добавить элемент реакт?

import React from 'react';
import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/core/MenuItem';
import FormControl from '@material-ui/core/FormControl';
import Select from '@material-ui/core/Select';
import Button from '@material-ui/core/Button';

const useStyles = makeStyles((theme: Theme) =>
 createStyles({
   button: {
     display: 'block',
     marginTop: theme.spacing(2),
   },
   formControl: {
     margin: theme.spacing(1),
     minWidth: 120,
   },
 }),
);

export default function ControlledOpenSelect() {
 const classes = useStyles();
 const [age, setAge] = React.useState<string | number>('');
 const [open, setOpen] = React.useState(false);

 const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {
   setAge(event.target.value as number);
 };

 const handleClose = () => {
   setOpen(false);
 };

 const handleOpen = () => {
   setOpen(true);
 };

 return (
   <div>
     <Button className={classes.button} onClick={handleOpen}>
       Open the select
     </Button>
     <FormControl className={classes.formControl}>
       <InputLabel id="demo-controlled-open-select-label">Age</InputLabel>
       <Select
         labelId="demo-controlled-open-select-label"
         id="demo-controlled-open-select"
         open={open}
         onClose={handleClose}
         onOpen={handleOpen}
         value={age}
         onChange={handleChange}
       >
         <MenuItem value="">
           <em>None</em>
         </MenuItem>
         <MenuItem value={10}>Ten</MenuItem>
         <MenuItem value={20}>Twenty</MenuItem>
         <MenuItem value={30}>Thirty</MenuItem>
       </Select>
     </FormControl>
   </div>
 );
}

вот этот код...нужно добавить уже в имеющийся.

компонент

Пацаны у меня такой вопрос, когда я юзаю аксиос, то он отдает мне не массив обьектов а вот такой прикол где этот массив находится в параметре data, и поэтому в хук состояния мне приходится передавать не просто posts, а posts.data, как это можно исправить?

пишет конфликт

какой?

Всем привет. Как пробросить пропсы не в дочерний компонет? Компонент1 просто ссылается на второй с помощью Link. Мне нужно передать данные в компннент 2
Но без такой конструкции

function Component1 {
const data = 'данные'
return (
  <Component2  items={data}/>
 )
}

деструктуризация

const {data} = await axios...
return data

Понял, но ведь я добавляю дату в состояние прямо внутри try, получается return в данном случае не нужен, да?

А в объявлении компонента что?

Да, не нужен, все, я разобрался, спасибо ребят

Подскажите, я делаю компонент регистрации. У меня получилось много состояний вида is..Correct , которые проверяют корректность данных + состояние- объект с данными. Нормальная ли это практика? У меня вышло около 10 хуков useState и 3 useEffect?

p.s isCorrect состояния использую для создания tooltips, которые появляются при некорректных данных (через &&)