Drupal - How to rename column of a content type
Introduction You already have a content type with one or more fields in it…
June 26, 2020
In the ReactJS project, you are having aa parent component and a child component. Let’s assume, we have a Movie and MovieList component.
MovieList is a parent component and is maintaining the list of movies. I want to have the add/remove method in this component. So, this is the correct place to have the remove method. But, this method will be called from the child component: Movie.
We will see how to pass the method reference from parent component to child component and how child component uses that method and pass the argument to the parent component.
import React, { Component } from "react";
import Movie from "../Movie";
export default class TourList extends Component {
state = {
movies: [
{
id: 123,
name: 'Test 1'
},
{
id: 234,
name: 'Test 2'
}
]
};
removeMovie = (id) => {
const { movies } = this.state;
const filteredMovies = movies.filter(movie => movie.id !== id);
this.setState({
tours: filteredMovies
});
};
render() {
return (
<section>
{this.state.movies.map(movie => (
<Movie key={movie.id} movie={movie} removeMovie={this.removeMovie} />
))}
</section>
);
}
}
In this parent component, we are having an array of movies. And is rendering the Movie component from this component. This parent component has a method removeMovie which takes an argument movie-id. We are passing this method reference to Movie component via props.
import React, { Component } from "react";
export default class Movie extends Component {
render() {
const { id, name } = this.props.movie;
const { removeMovie } = this.props;
return (
<article>
<h2>{name}</h2>
<span onClick={() => removeMovie(id)}>
<i className="fas fa-window-close" />
</span>
</article>
);
}
}
Note the interesting things:
This is a very helpful trick in passing the reference of methods to some lower levels of components.
Introduction You already have a content type with one or more fields in it…
The problem comes while using FTPS. When developer uses login method of this…
I have a Java project and dependencies are being managed through maven. I have…
I have been using drupal 7 from a long time, and setting up a dev environment…
Introduction In this post, we will discuss 3 different ways to import a…
Introduction I have a host running mysql (not on a container). I have to run an…
In this post, we will see some of the frequently used concepts/vocabulary in…
System design interview is pretty common these days, specially if you are having…
Introduction You are given an array of integers with size N, and a number K…
Graph Topological Sorting This is a well known problem in graph world…
Problem Statement Given a Binary tree, print out nodes in level order traversal…
Problem Statement Given an array nums of n integers and an integer target, are…