"Slots"道具在应用于材质 UI 滑块组件时不执行任何操作

Question

我正试图弄清楚什么"槽"；道具必须为Slider组件提供对内部组件渲染(轨迹、拇指等(的控制。

我正在渲染一个简单的Slider组件，如下所示

const marks = [
{ value: 0, label: '0' },
{ value: 10, label: '10' },
{ value: 20, label: '20' },
{ value: 30, label: '30' },
{ value: 40, label: '40' },
{ value: 50, label: '50' },
];
const SliderUsingSlots = () => (
<Slider
defaultValue={0}
step={null}
marks={marks}
min={marks[0].value}
max={marks[marks.length - 1].value}
slots={{ root: 'div', thumb: 'div' }}
/>
);

然而，即使是这个简单的例子也不适用于我；插槽"；prop没有以任何方式进行处理(根和拇指跨度没有更改为div(，它只是被传递给DOM

<span slots="[object Object]" class="MuiSlider...

我做错了什么？

Answer 1

我发现Slider的插槽道具在mui 5.9.3中无法(完全(工作。尝试升级到5.10.x.