我试图在PHP中回显一个图像,但我只是实现了URL.这是使用Instagram API.
echo $pics['data'][0]['images']['standard_resolution']['url'];
Run Code Online (Sandbox Code Playgroud)
让我感到困惑的是在<img src= />没有代码破坏的情况下使用它的地方.
我没有使用JSX.这是一个问题吗?这被认为是不好的做法吗?
var links = [
{ endpoint: '/america' },
{ endpoint: '/canada' },
{ endpoint: '/norway' },
{ endpoint: '/bahamas' }
];
class Navigation extends React.Component {
render() {
return (
<div className="navigation">
<ul>
const listItems = links.map((link) =>
<li key={link.endpoint}>{link.endpoint}</li>
);
</ul>
</div>
);
}
Run Code Online (Sandbox Code Playgroud)
基于反应文档的基本列表组件部分,似乎我应该能够打印数组的内容,就像我在我的内容中那样做 <ul></ul>
https://facebook.github.io/react/docs/lists-and-keys.html#basic-list-component
问题是我正在使用一组对象吗?文档使用的是一个简单的数组.我很欣赏向正确的方向努力.
我有一个输入字段,我想根据条件为空白或填充
此数据来自data()函数或computed:属性。例如:
data () {
return {
studentName: '', // empty student name property (/new student route)
studentPersonality: ''
}
},
computed: {
...mapGetters({
getStudent // existing student object (/edit student route)
})
}
Run Code Online (Sandbox Code Playgroud)
如果我们从/new学生路线到达,我的输入字段应该为空,或者如果我们来自该路线,则使用现有的学生信息填充该字段/edit。
我可以通过分配getStudent.name来填充输入字段,v-model如下所示。
<input type="text" v-model="getStudent.name">
Run Code Online (Sandbox Code Playgroud)
...当然也可以通过分配studentName给 v-model 来清除该字段
<input ... v-model="studentName">
Run Code Online (Sandbox Code Playgroud)
挑战:getStudent.name 如果它存在,我如何使用它,但studentName如果getStudent.name不存在则退回到空白data() 属性?我试过了:
<input ... v-model="getStudent.name || studentName">
Run Code Online (Sandbox Code Playgroud)
...这似乎有效,但显然无效并导致控制台错误
“v-model”指令需要作为 …
我正在尝试用另一个看似微不足道的对象更新 JS 对象,但该值并未更新。
let sampleObj = {
id: 1,
name: 'Kelly'
}
let userData = [{
students: [{
id: 1,
name: 'Sandra'
}]
},
{
students: [{
id: 2,
name: 'Jerome'
}]
}
]
for (let group of userData) {
for (let student of group.students) {
if (student.id === sampleObj.id) {
console.log('updating student object')
student = sampleObj
// student = { ...sampleObj } (another failed attempt)
// userData[group].students[student] = sampleObj (another failed attempt)
}
}
}
console.log('userData', userData)Run Code Online (Sandbox Code Playgroud)
看起来,student …