Я использую компонент Grid пользовательского интерфейса материала и использую свойство auto для первого столбца.
так что я
<Grid container className = {classes.borderclass}>
<Grid item xs = {"auto"}>
<Items />
</Grid>
<Grid item xs = {10}>
<Content />
</Grid>
</Grid>
Однако это не заполнит весь контейнер, но я не вижу возможности для остатка в размерах.
Я просмотрел вариант css calc, однако я не вижу способа получить размер автоматического столбца в реакции для сравнения с div
любые предложения, даже если они не являются существенными, будут оценены.





Если вы посмотрите демонстрацию Material-UI, у них есть рабочий пример, который показывает свойство auto в действии. Итак, как показано в примере с здесь, вам не нужно указывать ключевое слово auto. Сделайте только это:
<Grid container className = {classes.borderclass}>
<Grid item xs>
<Items />
</Grid>
<Grid item xs = {10}>
<Content />
</Grid>
</Grid>