antd Tree titleRender 所有节点为input,怎么设置允许修改input value 值

您可以通过设置`titleRender`属性为一个函数来实现将所有节点的标题渲染为`<Input>`组件，并允许修改输入值。具体步骤如下：

首先，您需要在`titleRender`函数中返回一个`<Input>`组件，并将节点的值作为`value`属性传递给它。然后，您可以通过监听`<Input>`组件的`onChange`事件来捕获输入值的变化，并将新的值保存到相应的节点中。

以下是一个示例代码：

import React, { useState } from 'react';
import { Tree, Input } from 'antd';

const treeData = [
  {
    title: 'Node 1',
    key: '1',
    children: [
      {
        title: 'Node 1-1',
        key: '1-1',
      },
      {
        title: 'Node 1-2',
        key: '1-2',
      },
    ],
  },
  {
    title: 'Node 2',
    key: '2',
  },
];

const TitleInput = ({ value, onChange }) => {
  const [inputValue, setInputValue] = useState(value);

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
    onChange(e.target.value);
  };

  return (
    <Input value={inputValue} onChange={handleInputChange} />
  );
};

const App = () => {
  const handleTitleChange = (key, value) => {
    // 在这里更新相应节点的值
    console.log('Node', key, '的新值为：', value);
  };

  const renderTitle = (node) => {
    return <TitleInput value={node.title} onChange={(value) => handleTitleChange(node.key, value)} />;
  };

  return (
    <Tree
      treeData={treeData}
      titleRender={renderTitle}
    />
  );
};

export default App;

在上面的示例中，我们创建了一个`TitleInput`组件，它接受一个`value`属性和一个`onChange`回调函数，并在内部使用`<Input>`组件来展示输入框。在`handleInputChange`函数中，我们更新了`inputValue`的状态，并通过`onChange`回调函数将新的值传递给父组件。

在`App`组件中，我们定义了`handleTitleChange`函数来处理标题变化事件，并在控制台输出新值。然后，我们通过`renderTitle`函数将每个节点的标题渲染为`<TitleInput>`组件，并传递相应的值和回调函数。

这样，您就可以将所有节点的标题渲染为可编辑的输入框，并且可以通过修改输入框的值来更新相应节点的值。