问题

I have two components:

1- TrackerStudent.js
2- TreeViewTracker.js

I used props to provide an event onClick to TreeViewTracker component:

--

function TrackerStudent() {

  function handleItemClick(e) {

    console.log("Item Clicked >> " + e);
  }

  return (
    <>        
        <TreeViewTracker   onClick={handleItemClick} />        
    </>
  );
}

export default TrackerStudent;

In TreeViewTracker.js Component, I wrote:

function TreeViewTracker(props) {

 <TreeView >
      ....	
	<TreeItem  onClick={props.handleItemClick} />
      ....
 </TreeView>

export default TreeViewTracker;

But the onClick event wasn't triggered.

I tried

`onClick={handleItemClick}`

1- TrackerStudent.js
2- TreeViewTracker.js

  function TrackerStudent() {
   
  function handleItemClick(e) {
     
    console.log("Item Clicked >> " + e);
  }

  return (
    <>        
        <TreeViewTracker   onClick={handleItemClick} />        
    </>
  );
  }
}

export default TrackerStudent;

function TreeViewTracker(props) {

 <TreeView >
      ....	
	<TreeItem  onClick={props.handleItemClick} />
      ....
 </TreeView>
..
export default TreeViewTracker;

`onClick={handleItemClick}`

答案1

得分: 1

You are passing handleItemClick function as a prop called onClick to the TreeViewTracker component:

// TrackerStudent component
<TreeViewTracker onClick={handleItemClick} />

<details>
<summary>英文:</summary>

You are passing `handleItemClick` function as a prop called `onClick` to the `TreeViewTracker` component:

```jsx
// TrackerStudent component
&lt;TreeViewTracker onClick={handleItemClick} /&gt;


</details>