chenglou / chenglou/react-motion
Usage with material-ui tables
- Dominant language
- JavaScript
- Stars
- 21.9k
- Forks
- 1.1k
- PR merge metrics
- No merged PRs in 30d
Description
Currently I have some code that looks like this.
```
class ReleaseGroup extends Component {
render() {
return (
{this.props.project}
Watch
Project
Release
Code Complete
Target Date
Depends On
Hours
{this.props.releases.map(({ id, tracked, project, release, completeByDate, targetDate, dependsOn, hours }, index) => (
{project}
{release}
{completeByDate}
{targetDate}
{dependsOn}
{hours}
))
}
)
}
}
```
Of course that works but when I try to add in some react-motion to the table rows I run into issues.
Something as simple as this.
```
class ReleaseGroup extends Component {
render() {
return (
{this.props.project}
Watch
Project
Release
Code Complete
Target Date
Depends On
Hours
{interpolatedStyles => console.log('interpolatedStyles', interpolatedStyles)}
)
}
}
```
Does not work and will never log that state. If I move that `TransitionMotion` outside of the material-ui table it logs it just fine.
Anyone else done this with the material-ui tables?
Contributor guide
No contributing guide indexed for this repository
Research direction
No repository file or test is named. Start by reproducing the example with TransitionMotion nested inside the material-ui Table, then compare it with the version rendered outside the table. Done would require identifying whether the integration is supported and documenting a verified usage or a clear limitation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100