Question

this.props["*"]在React应用的上下文中返回什么？是特定于React还是只是一些JavaScript语法？

Answer 1

this.props是一个对象，上面的语法是使用brackets notation访问特定键。该语法是纯Javascript语法。它将返回您通过键*

传递的道具

示例演示

const obj = {
  "*": "12",
  first: 13,
  Second: 13
};

class Hello extends React.Component {
  render() {
    console.log(this.props["*"]);
    return (
      <div className="App">
        <h1>Hello CodeSandbox</h1>
        <h2>Start editing to see some magic happen!</h2>
      </div>
    );
  }
}
function App() {
  return <Hello {...obj} />;
}

ReactDOM.render(<App/>, document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"/>

如何读取React应用中的道具表达

1 个答案: