React - 如何访问传递的道具 object 名称

Question

In react, if I have a component that looks something along the lines of this:

const SomeComponent = (props) => {
    return stuff
}

and I pass in props like this:

<SomeComponent foo={"x"}/>

How can I get the props object name of foo from the props within the component?
For example, so that I can use it in a function like:

const useObjectName = (xyz) => {
  if (xyz){
    //do something 
  }
}
const SomeComponent = (props) => {
  const theObjectName = ???
  useObjectName(theObjectName)
  return stuff
}

Answer 1

You should be able to do that using Object.keys(props) which will return ["foo"] .