Reactjs React Admin：没有“source”如何访问值？

我正在尝试在

react admin

中创建一个动态按钮
对于每个按钮，它都会点击一个唯一的地址，我如何才能做到这一点

不幸的是，我有一个错误：

props.username未定义

export const logincredentialist=（道具）=>(
{       
axios.get（“http://localhost:8080/admin/“+不知何故（此处读取用户名）
。然后（（res）=>console.log（res））；
}}
/>
);

下面是父级，调用或使用上述组件：

类SPanel扩展了React.Component{
render（）{
返回(
...

我以前没有使用过

react admin

，但在快速浏览了它的文档之后，我了解到的是

• 您在

  LoginCredentialList

  组件中收到的

  props

  具有记录列表

• Datagrid

  迭代此列表，并将单个

  记录

  传递给子

  字段

  组件

• 字段

  组件接收

  记录

  作为

  react admin

尽管

react admin

提供了许多标准的

字段

组件，但它没有

按钮字段

因此，您可以编写自己的

字段
组件。（）

比如：

const ButtonField = ({source, record}) => (
    <Button label="Re-invoke Login" onClick={()=>{
        axios
            .get("http://localhost:8080/admin/"+record[source])
            .then((res)=>console.log(res));
    }}/>
);

const ButtonField=（{source，record}）=>(
{
axios
.get（“http://localhost:8080/admin/“+记录[来源]）
。然后（（res）=>console.log（res））；
}}/>
);

然后将其用作您的主要组件

export const LoginCredentialList = (props) => (
    <List {...props} pagination={<PostPagination/>}>
        <Datagrid>
            <TextField label="Username" source="username" />
            <ButtonField source="username" />
        </Datagrid>
    </List>
);

export const logincredentialist=（道具）=>(
);

试试看。
请提供更多问题的详细信息。您如何将username属性传递给您的LoginCredentialList组件？更新请参阅@JatinParmar。。这是我的两个组件。@Kriaoe我不熟悉，您能告诉我如何做吗？？？@Danial如何呈现LoginCredentialList？