es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: ANTD

¿Cómo puedo personalizar los componentes de Ant Design?

Estoy trabajando en un proyecto de React y utilizando Ant Design junto a él. El problema con el que me encontré es que quería personalizar los componentes, es decir, anular algunos estilos como el padding, los márgenes, etc. Busqué en internet pero no encontré material relevante. Sería genial si alguien . . . Read more

al cambiar los valores de defaultOpenKeys no se vuelve a renderizar el componente de menú de antd

Lo que quiero: Quiero abrir (expandir) el submenú de un menú específico cuando cambie/actualice el valor de defaultOpenKeys. Lo que he intentado: const [submenu, setSubmenu] = useState([]); useEffect(() => { setSubmenu([“sub1”]); }, []); … <Menu style={{ width: 256 }} defaultSelectedKeys={[“4″]} defaultOpenKeys={submenu} mode=”inline”> <Menu.Item key=”1″>Opción 1</Menu.Item> <Menu.Item key=”2″>Opción 2</Menu.Item> <SubMenu key=”sub1″ . . . Read more

Cómo aumentar el progreso y la capacidad.

Estoy usando el componente Ant Design Progress. Necesito aumentar su capacidad. Por ejemplo, debería estar lleno al 500%. Ahora, cuando el número de percent aumenta más de 100, se llena. ¿Cómo puedo hacer esto? <Progress percent={percent} type="line" size="small" status="active" />; Así es como lo utilizo.

El índice anidado de dataIndex en la tabla de Ant Design.

Este es mi código a continuación: const columns = [ { key: ‘1’, title: ‘id’, dataIndex: ‘id’ }, { key: ‘2’, title: ‘estado’, dataIndex: [‘status’, ‘id’], render: (text) => <a> {texto} / {id} </a> }, ]; Quiero mostrar los datos (texto/id) como en el siguiente código: const columns = [ . . . Read more