Пример из реакт-роутера:
const User = ({ params: { userID }, location: { query } }) => {
let age = query && query.showAge ? '33' : ''
return (
<div classname="User">
<h1>User id: {userID}</h1>
{age}
</div>
)
}Сходный пример из mdn.io:
function whois({displayName: displayName, fullName: {firstName: name}}){
console.log(displayName + " is " + name);
}
var user = {
id: 42,
displayName: "jdoe",
fullName: {
firstName: "John",
lastName: "Doe"
}
};
whois(user); // "jdoe is John"
Я, наверное, полчаса на это таращился, вникая, что происходит. А происходят вложенные объекты. В примере из реакт-роутера функции говорят: вот, ты получишь аргумент (он обычно называется props) — и это будет объект, у которого есть свойство params. Вытащи свойство params — получишь объект, у которого есть свойство userID. Так вот, возьми значение свойства userID и присвой его переменной userID.
Ну и тыпы. В зайце утка, в утке яйцо, в яйце игла...
Такая штука, с непривычки изрядно вштыривает.
