为什么我不能将.toString用于this.props？ reactjs

Question

我试图使用react-beutiful-dnd，它接受字符串作为它的组件ID。当我使用<Droppable droppableId={this.props.id.toString()}>时，它会返回错误：

TypeError: Cannot read property 'toString' of undefined

＆＃13;

＆＃13;

//App.js
//...
render(){
    return(
        <AppsComponent id={1} />
//...
//AppsComponent.js
//...
render(){
    return(
        <Draggable key={this.props.id.toString()} draggableId={this.props.id.toString()}>
//...

＆＃13;

＆＃13;

＆＃13;

为什么？

Answer 1

试试没有toString：

<Droppable droppableId={'droppable-' + this.props.id}>

例如：

var n = 5;
console.log("a = " + n); // a = 5

Answer 2

你不必做toString（）。

您可以在此处查看我创建的工作示例。

https://codesandbox.io/s/ovjm8y9vvy