Estoy usando el componente de árbol Antd en mi aplicación de reacción. en algún momento necesitaba tener títulos personalizados, así que agregué esta función pasando un componente personalizado a la propiedad "titleRender" disponible en el componente de árbol Antd.
Ahora el problema es que cuando abro el árbol (en cualquier nivel) me vuelve loco volver a renderizar en el componente treeNode.=
Abra el árbol y verifique los registros aquí
¿Es este un comportamiento natural?
import { Tree } from "antd"; import "antd/dist/antd.css"; const treeData = [ { title: "parent 1", key: "0-0", children: [ { title: "parent 1-0", key: "0-0-0", children: [ { title: "leaf", key: "0-0-0-0" } ] } ] } ]; const Title = (props) => { console.log("render"); return <h5>{props.title}</h5>; }; export default () => ( <Tree treeData={treeData} titleRender={(nodeData) => { return <Title title={nodeData.title} />; }} /> );