DS
кто разбирается в chart.js подскажите плиз как изменить фон этих обозначений? Или хотя бы как они называются?
Size: a a a
2020 October 13
IN
с помощью css
DS
с помощью css
Хмм. и как ты предлагаешь попасть к этому элементу?
DS
Учитывая, что это Canvas
NN
Alex
const TableContainer = ({books, fetchSpeed}) => {
useEffect(() => { fetchSpeed() }, [books]);
return (
<div className="table" id="speed">
<div className="table-container">
<Table className="table" size="small" aria-label="a dense table">
<TableHead>
<TableRow>
<TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
<TableBody>
</TableBody>
</Table>
</div>
</div>
)
}
const mapDispatchToProps = (dispatch, { speedService }) => {
return {
fetchSpeed: fetchSpeed(speedService, dispatch)
};
};
const mapStateToProps = ({ books, loading, error }) => {
return { books, loading, error };
}
export default compose(withSpeedService(),connect(mapStateToProps, mapDispatchToProps))(TableContainer);
Объясните плиз, почему оно бесконтрольно обновляется?
useEffect(() => { fetchSpeed() }, [books]);
return (
<div className="table" id="speed">
<div className="table-container">
<Table className="table" size="small" aria-label="a dense table">
<TableHead>
<TableRow>
<TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
<TableBody>
</TableBody>
</Table>
</div>
</div>
)
}
const mapDispatchToProps = (dispatch, { speedService }) => {
return {
fetchSpeed: fetchSpeed(speedService, dispatch)
};
};
const mapStateToProps = ({ books, loading, error }) => {
return { books, loading, error };
}
export default compose(withSpeedService(),connect(mapStateToProps, mapDispatchToProps))(TableContainer);
Объясните плиз, почему оно бесконтрольно обновляется?
А зачем ты юзаешь комоз, а не хуки редакса?
IN
Учитывая, что это Canvas
Даже фон? Ок, возможно, я не прав на счёт css. Но если бы я ковырялся, прежде посмотрел в девтулз, что там творится. Потом полез бы в доку. В любом случае, реакт тут ни при чём, вопрос для @js_ru
A
No Name
А зачем ты юзаешь комоз, а не хуки редакса?
Там свой компоуз просто для удобочитаемости
И
Alex
const TableContainer = ({books, fetchSpeed}) => {
useEffect(() => { fetchSpeed() }, [books]);
return (
<div className="table" id="speed">
<div className="table-container">
<Table className="table" size="small" aria-label="a dense table">
<TableHead>
<TableRow>
<TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
<TableBody>
</TableBody>
</Table>
</div>
</div>
)
}
const mapDispatchToProps = (dispatch, { speedService }) => {
return {
fetchSpeed: fetchSpeed(speedService, dispatch)
};
};
const mapStateToProps = ({ books, loading, error }) => {
return { books, loading, error };
}
export default compose(withSpeedService(),connect(mapStateToProps, mapDispatchToProps))(TableContainer);
Объясните плиз, почему оно бесконтрольно обновляется?
useEffect(() => { fetchSpeed() }, [books]);
return (
<div className="table" id="speed">
<div className="table-container">
<Table className="table" size="small" aria-label="a dense table">
<TableHead>
<TableRow>
<TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
<TableBody>
</TableBody>
</Table>
</div>
</div>
)
}
const mapDispatchToProps = (dispatch, { speedService }) => {
return {
fetchSpeed: fetchSpeed(speedService, dispatch)
};
};
const mapStateToProps = ({ books, loading, error }) => {
return { books, loading, error };
}
export default compose(withSpeedService(),connect(mapStateToProps, mapDispatchToProps))(TableContainer);
Объясните плиз, почему оно бесконтрольно обновляется?
зачем тут
books?useEffect(() => { fetchSpeed() }, [books]);a
зачем тут
books?useEffect(() => { fetchSpeed() }, [books]);useEffect(fetchSpeed, [books]);
И
useEffect(fetchSpeed, [books]);
что?
EM
зачем фетчить скорость, а следить за книгами 🤔
a
что?
Зачем оборачивать функцию в функцию, если её можно передать?
NN
зачем тут
books?useEffect(() => { fetchSpeed() }, [books]);Так он следит за изменения книг. Может он хотел сделать ComponentDidMount? Типо при первом рендере вызывать fetchspeed
NN
что?
var kek было лучше)
И
Зачем оборачивать функцию в функцию, если её можно передать?
чтобы точно ничего не вернуть, если вдруг сигнатура сменится с () => void на () => Something
EM
давайте еще предложим хуки для redux юзать а не этот коннект👀
a
чтобы точно ничего не вернуть, если вдруг сигнатура сменится с () => void на () => Something
А, ну да, там же фунцию возвращать можно
И
No Name
Так он следит за изменения книг. Может он хотел сделать ComponentDidMount? Типо при первом рендере вызывать fetchspeed
мы можем что угодно придумывать, это обсуждение не имеет смысла. пока он не ответит, продолжать смысла нет
m
Кто-то пользуется https://github.com/react-component/tooltip ?
Можно ли как-то сделать так, чтобы при удалении его родителя удалять и тултип
Можно ли как-то сделать так, чтобы при удалении его родителя удалять и тултип
И
Alex
const TableContainer = ({books, fetchSpeed}) => {
useEffect(() => { fetchSpeed() }, [books]);
return (
<div className="table" id="speed">
<div className="table-container">
<Table className="table" size="small" aria-label="a dense table">
<TableHead>
<TableRow>
<TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
<TableBody>
</TableBody>
</Table>
</div>
</div>
)
}
const mapDispatchToProps = (dispatch, { speedService }) => {
return {
fetchSpeed: fetchSpeed(speedService, dispatch)
};
};
const mapStateToProps = ({ books, loading, error }) => {
return { books, loading, error };
}
export default compose(withSpeedService(),connect(mapStateToProps, mapDispatchToProps))(TableContainer);
Объясните плиз, почему оно бесконтрольно обновляется?
useEffect(() => { fetchSpeed() }, [books]);
return (
<div className="table" id="speed">
<div className="table-container">
<Table className="table" size="small" aria-label="a dense table">
<TableHead>
<TableRow>
<TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
<TableBody>
</TableBody>
</Table>
</div>
</div>
)
}
const mapDispatchToProps = (dispatch, { speedService }) => {
return {
fetchSpeed: fetchSpeed(speedService, dispatch)
};
};
const mapStateToProps = ({ books, loading, error }) => {
return { books, loading, error };
}
export default compose(withSpeedService(),connect(mapStateToProps, mapDispatchToProps))(TableContainer);
Объясните плиз, почему оно бесконтрольно обновляется?
так что там? какие новости?