Я использую material-ui в приложении React. Вот код, о котором идет речь (на всякий случай я добавлю сокращение):
import React from 'react';
import { connect } from 'react-redux';
import { Button } from '@material-ui/core';
class App extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<Button variant = "contained" href = "#constrained-buttons">
Link
</Button>
</div>
);
}
}
function mapStateToProps(state) {
const { alert } = state;
return {
alert
};
}
const connectedApp = connect(mapStateToProps)(App);
export { connectedApp as App };
Я использую https://material-ui.com/demos/buttons/ в качестве руководства. Вот что обнаруживается:
Это все, что обнаруживается. Есть предположения?
Спасибо @Tholle, это опечатка в моем вопросе (но не в моем коде). Отредактировано.
Вы пробовали несколько браузеров?
Спасибо @MadisonCourto! Я пробовал и Chrome, и Edge с одинаковыми результатами.
Я скопировал код вcodeandbox и получил ожидаемые результаты. Что вы видите в своем браузере? codeandbox.io/s/pyy5wq809j
У вас есть стили переопределения css для тега a?
Выглядит нормально, правильно ли вы видите codeandbox.io/s/pyy5wq809j?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


У вас есть вариант
constrained, но вы имеете в видуcontained?