আমি পোস্টগুলির একটি তালিকা উপস্থাপন করছি। প্রতিটি পোস্টের জন্য আমি href স্ট্রিংয়ের অংশ হিসাবে পোস্ট আইডি সহ একটি অ্যাঙ্কর ট্যাগ রেন্ডার করতে চাই।
render: function(){
return (
<ul>
{
this.props.posts.map(function(post){
return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li>
})
}
</ul>
);
আমি কিভাবে এটা প্রতিটি পোস্টের সূরা এর রয়েছে তাই করব /posts/1, /posts/2ইত্যাদি?
উত্তর:
স্ট্রিং সংক্ষিপ্তকরণ ব্যবহার করুন:
href={'/posts/' + post.id}জেএসএক্স সিনট্যাক্সটি ({...})মান হিসাবে স্ট্রিং বা এক্সপ্রেশন ব্যবহার করার অনুমতি দেয় । আপনি উভয় মিশ্রিত করতে পারবেন না। নামের হিসাবে আপনি একটি অভিব্যক্তিটির ভিতরে, মানটি গণনা করতে যে কোনও জাভাস্ক্রিপ্ট এক্সপ্রেশন ব্যবহার করতে পারেন।
আপনি ES6 ব্যাকটিক সিনট্যাক্সও ব্যবহার করতে পারেন
<a href={`/customer/${item._id}`} >{item.get('firstName')} {item.get('lastName')}</a>আপনি কি এটি চেষ্টা করতে পারেন?
পোস্টে অন্য আইটেম যেমন পোস্ট.লিংক তৈরি করুন তারপরে রেন্ডার ফাংশনে পোস্ট প্রেরণের আগে তার সাথে লিঙ্কটি বরাদ্দ করুন ।
post.link = '/posts/+ id.toString();সুতরাং, উপরের রেন্ডার ফাংশনটি পরিবর্তে অনুসরণ করা উচিত।
return <li key={post.id}><a href={post.link}>{post.title}</a></li>